/* CSS Document */

body{
	margin:0px;
	padding:0px;
	background:url(images/bodybgrepeat.jpg) center repeat-y;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

form
{
	margin:0px;
	padding:0px;
}

.tableborder table{
	border:2px solid #000;
	}

#helptext
{
	width:159px;
	background:url(images/helpbg_310.gif) center top no-repeat;
	height: 309px;
	padding-top:10px;
	margin-bottom:-50px;

}

#helptext ul 
{
	
	margin: 0 0 0 10px;
	padding:30px 0 0 0;
	width:130px;
}
#helptext li 
{
	padding:0px 0 7px 15px;
	color:white;
	font-size:12px;
	margin:0px;
	width:125px;
	list-style-type:none;
	background: url(images/bullet_yellow.gif) 0px 3px no-repeat;

	
}
#outerbody{
	width:100%;
	background:url(images/bodybg.jpg) center top no-repeat;
}

#innerbody{
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	width:938px;
	background:url(images/mainbodybgrepeat.jpg) repeat-y;

}

#container{
	width:938px;
	background:url(images/mainbodybg.jpg) no-repeat;
	padding-top:170px;
	position:relative;
	float:left;
}

#containercontent{
	height:auto !important;
/*height:455px;
	min-height:455px;*/


}

#rightcontainer{
/*	margin-top:54px;*/
	margin-top:0px;
	float:right;
	width:747px;
	background:url(images/contenttopround.gif) top no-repeat;
	background-color:white;
	padding-bottom: 30px;
}

#rightcontainer_admin{
/*	margin-top:54px;*/
	margin-top:0px;
	float:right;
	width:747px;
	background:url(images/contenttopround.gif) top no-repeat;
	background-color:white;
	padding-bottom: 30px;
}

#rightcontainershop{
	margin-top:54px;
	float:right;
	width:747px;
	background:url(images/contenttoproundshop.gif) top no-repeat;
	background-color:white;
}

	* HTML .wrapper #rightcontainer{
	
		
		position:relative;
		top:-400px;
		left:0px;
	}
	
	* HTML .wrapper #rightcontainer_admin{
	
		
		position:relative;
		top:-400px;
		left:0px;
	}
	
	#shopcontainer {
		padding: 71px 51px 51px 62px;
		min-height:300px;
		height:auto !important;
		height:300px;
	}
#rightcontainershop #dnn_ShopMenu {
	float:left;
	width: 140px;
	
}

#rightcontainershop #dnn_ContentPane {
	float:left;
	padding:0;
	width:470px;
	border-left:1px solid black;
	/*min-height:300px;
	height:auto !important;
	height:300px;*/
}

#dnn_ContentPane{
	padding: 81px 28px 0px 35px;
	margin-bottom:51px;
	min-height:590px;
	/*
	padding: 51px 48px 0px 62px;
	height:590px;*/
}

.CATNormalTextBox{
	width:100px;
	}
	
select.CATNormalTextBox {
	width:200px;
	}
	

#rightcontainer_admin #dnn_ContentPane{
	padding: 31px 48px 0px 42px;
	margin-bottom:51px;
	min-height:590px;

	/*height:590px;*/
}

.home #dnn_ContentPane{
	padding: 51px 48px 0px 62px;
	margin-bottom:51px;
	display:none;
	
}

#dnn_ContentPane div p, #dnn_ContentPane div .normal, #dnn_ContentPane div.Normal,  #dnn_ContentPane div table td, #dnn_ContentPane table td{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

h2 span.Head{
	font-weight:bold;
	color:black;
	font-size:16px;
}


.ulrightmenu{
	width:170px;
	margin-top:30px;
}

.ulrightmenu, .ulrightmenu li{
	margin:0px;
	padding:0px;
	list-style:none;
}

.ulrightmenu li a{
	color:white;
	display:block;
	text-indent:-999em;
	overflow:hidden;
}

.ulrightmenu li{
	padding-top:0px;
	padding-bottom:0px;
}

.ulrightmenu #li1{ }
.ulrightmenu #li2{}
.ulrightmenu #li3{}


.ulrightmenu #li1 #a_edit{height:28px;width:170px;display:block;text-indent:-999em;overflow:hidden;background:url(images/rightmenu/edituniform.gif) no-repeat;}
.ulrightmenu #li2 #a_print{height:28px;width:170px;display:block;text-indent:-999em;overflow:hidden;background:url(images/rightmenu/print.gif) no-repeat;}
.ulrightmenu #li3 #a_email{height:28px;width:170px;display:block;text-indent:-999em;overflow:hidden;background:url(images/rightmenu/EmailAFriend.gif) no-repeat;}




#leftcontainer{
	float:left;
	width:191px;
	height:400px;
	vertical-align:middle;
	color:white;
	position:relative;
}

	


#leftcontainertitle{
	position:absolute;
	width:37px;
	height:312px;
	background:url(images/design_a_uniform.gif) no-repeat;
	right:0px;
	top:10px;
}

#leftmenu{
	padding-left:25px;
	padding-top:110px;
}

.ulleftmenu{
	width:123px;
	background:url(images/leftmenu/leftmenu_line6.jpg) bottom no-repeat;
}

.ulleftmenu, .ulleftmenu li{
	margin:0px;
	padding:0px;
	list-style:none;
}

.ulleftmenu li a{
	color:white;
	display:block;
	text-indent:-999em;
	overflow:hidden;
}

.ulleftmenu li{
	padding-top:4px;
	padding-bottom:4px;
}

.ulleftmenu #li_1{background:url(images/leftmenu/leftmenu_line1.jpg) no-repeat;padding-left:64px;}
.ulleftmenu #li_2{background:url(images/leftmenu/leftmenu_line2.jpg) no-repeat;padding-left:62px;}
.ulleftmenu #li_3{background:url(images/leftmenu/leftmenu_line3.jpg) no-repeat;padding-left:61px;}
.ulleftmenu #li_4{background:url(images/leftmenu/leftmenu_line4.jpg) no-repeat;padding-left:45px;}
.ulleftmenu #li_5{background:url(images/leftmenu/leftmenu_line5.jpg) no-repeat;padding-left:60px;}


.ulleftmenu #li_1 #a_soccer{height:18px;width:55px;display:block;text-indent:-999em;overflow:hidden;background:url(images/leftmenu/soccer.gif) no-repeat top right;}
.ulleftmenu #li_2 #a_futsal{height:18px;width:58px;display:block;text-indent:-999em;overflow:hidden;background:url(images/leftmenu/frutsal.gif) no-repeat top right;}
.ulleftmenu #li_3 #a_hockey{height:18px;width:58px;display:block;text-indent:-999em;overflow:hidden;background:url(images/leftmenu/hockey.gif) no-repeat top right;}
.ulleftmenu #li_4 #a_handball{height:18px;width:75px;display:block;text-indent:-999em;overflow:hidden;background:url(images/leftmenu/handball.gif) no-repeat top right;}
.ulleftmenu #li_5 #a_schools{height:18px;width:60px;display:block;text-indent:-999em;overflow:hidden;background:url(images/leftmenu/schools.gif) no-repeat;}




#menutop{
	position:absolute;
	left:167px;
	top:0px;
	width:771px;
	height:35px;
	background:url(images/menubg.jpg) no-repeat;
}

#menuwrapper{
	margin-left:8px;
	height:28px;
	width:771px;
}
#MainNav ul.Level0, #MainNav ul.Level0 li{
	margin:0px;
	padding:0px;
	list-style:none;
}

#MainNav ul.Level0 li {
	float:left;
	margin-right:8px;
}

#MainNav ul.Level0 li#MainNav36{width:87px;height:28px;background:url(images/menus/menu_home.jpg) no-repeat;}
#MainNav ul.Level0 li#MainNav161{width:183px;height:28px;background:url(images/menus/menu_design.jpg) no-repeat;}
#MainNav ul.Level0 li#MainNav162{width:99px;height:28px;background:url(images/menus/menu_onlineshop.jpg) no-repeat;}
#MainNav ul.Level0 li#MainNav163{width:67px;height:28px;background:url(images/menus/menu_gallery.jpg) no-repeat;}
#MainNav ul.Level0 li#MainNav164{width:81px;height:28px;background:url(images/menus/menu_aboutus.jpg) no-repeat;}
#MainNav ul.Level0 li#MainNav165{width:90px;height:28px;background:url(images/menus/menu_contactus.jpg) no-repeat;}
#MainNav ul.Level0 li#MainNav166{width:105px;height:28px;background:url(images/menus/menu_testimonials.jpg) no-repeat;}

#MainNav ul.Level0 li#MainNav36:hover, #MainNav ul.Level0 li#MainNav36.iehover,#MainNav ul.Level0 li#MainNav36.SelectedTab{width:87px;height:28px;background:url(images/menus/menu_home_on.jpg) no-repeat;}
#MainNav ul.Level0 li#MainNav161:hover, #MainNav ul.Level0 li#MainNav161.iehover, #MainNav ul.Level0 li#MainNav161.SelectedTab{width:183px;height:28px;background:url(images/menus/menu_design_on.jpg) no-repeat;}
#MainNav ul.Level0 li#MainNav162:hover, #MainNav ul.Level0 li#MainNav162.iehover,  #MainNav ul.Level0 li#MainNav162.SelectedTab{width:99px;height:28px;background:url(images/menus/menu_onlineshop_on.jpg) no-repeat;}
#MainNav ul.Level0 li#MainNav163:hover, #MonainNav ul.Level0 li#MainNav163.iehover,  #MainNav ul.Level0 li#MainNav163.SelectedTab{width:67px;height:28px;background:url(images/menus/menu_gallery_on.jpg) no-repeat;}
#MainNav ul.Level0 li#MainNav164:hover, #MainNav ul.Level0 li#MainNav164.iehover,  #MainNav ul.Level0 li#MainNav164.SelectedTab{width:81px;height:28px;background:url(images/menus/menu_aboutus_on.jpg) no-repeat;}
#MainNav ul.Level0 li#MainNav165:hover, #MainNav ul.Level0 li#MainNav165.iehover,  #MainNav ul.Level0 li#MainNav165.SelectedTab{width:90px;height:28px;background:url(images/menus/menu_contactus_on.jpg) no-repeat;}
#MainNav ul.Level0 li#MainNav166:hover, #MainNav ul.Level0 li#MainNav166.iehover,  #MainNav ul.Level0 li#MainNav166.SelectedTab{width:105px;height:28px;background:url(images/menus/menu_testimonials_on.jpg) no-repeat;}

#MainNav ul.Level0 li a{
	display:block;
	text-indent:-999em;
	overflow:hidden;
}

#MainNav ul.Level0 li#MainNav36 a{width:87px;height:28px;}
#MainNav ul.Level0 li#MainNav161 a{width:183px;height:28px;}
#MainNav ul.Level0 li#MainNav162 a{width:99px;height:28px;}
#MainNav ul.Level0 li#MainNav163 a{width:67px;height:28px;}
#MainNav ul.Level0 li#MainNav164 a{width:81px;height:28px;}
#MainNav ul.Level0 li#MainNav165 a{width:90px;height:28px;}
#MainNav ul.Level0 li#MainNav166 a{width:105px;height:25px;}

#logo{
	position:absolute;
	top:20px;
	left:20px;
	/*background:url(images/logo.jpg) no-repeat;*/
	width:171px;
	height:120px;
	
}





#swflogo{
	width: 171px;
	height: 120px;

	
	position:absolute;
	top:20px;
	left:20px;
}	


#titleheader{
	position:absolute;
	top:180px;
	left:200px;
	width:310px;
	height:32px;

}
#titleheader h2{color:#000;}
#header_161, #header_162,#header_163,#header_164,#header_165,#header_166,
#header_168,#header_169,#header_170,#header_171,#header_172, #header_174, #header_175,{
	width:310px;
	height:32px;
	display:block;
	text-indent:-999em;
	margin:0px;
	padding:0px;
}

#header_161{background:url(images/headers/header_161.gif) no-repeat;}
#header_162{background:url(images/headers/header_162.gif) no-repeat;}
#header_163{background:url(images/headers/header_163.gif) no-repeat;}
#header_164{background:url(images/headers/header_164.gif) no-repeat;}
#header_165{background:url(images/headers/header_165.gif) no-repeat;}
#header_166{background:url(images/headers/header_166.gif) no-repeat;}
#header_168{background:url(images/headers/header_168.gif) no-repeat;}
#header_169{background:url(images/headers/header_169.gif) no-repeat;}
#header_170{background:url(images/headers/header_170.gif) no-repeat;}
#header_171{background:url(images/headers/header_171.gif) no-repeat;}
#header_172{background:url(images/headers/header_172.gif) no-repeat;}
#header_174{background:url(images/headers/header_174.gif) no-repeat;}
#header_175{background:url(images/headers/header_175.gif) no-repeat;}
#logo h1.h1Logo, #logo a{
	display:block;
	text-indent:-999em;
	overflow:hidden;
	width:171px;
	height:120px;
}

#boxheader{
	position:absolute;
	width:677px;
	height:110px;
	top:51px;
	left:253px;
}

#boxheaderinside{
	position:relative;
	width:677px;
	height:110px;
}

#titleshop{
	position:absolute;
	right:0px;
	top:0px;
	background:url(images/title_shop.gif) no-repeat;
	width:31px;
	height:76px;
}

#loginbox{
	position:absolute;
	top:6px;
	left:0px;
	background:url(images/login_box.jpg) no-repeat;
	width:242px;
	height:82px;
}

#loginboxtitle{
	position:absolute;
	left:16px;
	top:11px;
	width:91px;
	height:21px;
	background:url(images/title_member.gif) no-repeat;
}

#userpanel{
	position:absolute;
	left:16px;
	top:11px;
}

#loginlinks{
	position:absolute;
	left:16px;
	top:35px;
}

#loginmessage{
	position:absolute;
	left:16px;
	top:64px;
}

.message{
	color:red;
	font-size:10px;
}

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

ul.redlist li {
	line-height:14px;
	background:url(images/redsquare.gif) 0px 8px no-repeat;
}

ul.redlist li a, ul.redlist li a:visited, ul.redlist li a:hover{
	color:Black;
	font-size:9px;
	text-decoration:underline;
	padding-left:8px;
}

#loginbutton{
	position:absolute;
	left:178px;
	top:55px;
}

#logintextbox{
	position:absolute;
	left:127px;
	top:11px;
}

.logininput, .logininputpass{
	width:100px;
	height:15px;
	font-size:10px;
	color:#949394;
	background-color:#e8ebed;
	padding-left:5px;
	border:none;
}

.logininputpass{
	background:url(images/password.gif) 1px 0px no-repeat;
	background-color:#e8ebed;
}

.logininputwrapper{
	margin-bottom:3px;
}

.logininputwrapper{
	margin-bottom:3px;
}


#headertab1, #headertab2, #headertab3{
	width:126px;
	height:82px;
	position:absolute;
	top:0px;
}

#headertab1 a, #headertab2 a, #headertab3 a{
	display:block;
	text-indent:-999em;
	width:126px;
	height:82px;
	overflow:hidden;
}

#headertab1{
	left:251px;
	background:url(images/Sports_bags.jpg) no-repeat;
}

#headertab2{
	left:382px;
	background:url(images/Sports_caps.jpg) no-repeat;
}

#headertab3{
	left:513px;
	background:url(images/drink_bottle.jpg) no-repeat;
}

#headertabmenu1, #headertabmenu2, #headertabmenu3{
	width:126px;
	height:26px;
	position:absolute;
	top:82px;
}

#headertabmenu1 a, #headertabmenu2 a, #headertabmenu3 a{
	display:block;
	text-indent:-999em;
	width:126px;
	height:26px;
	overflow:hidden;
}

#headertabmenu1{
	background:url(images/tab_sports_bag.gif) no-repeat;
	left:251px;
} 

#headertabmenu2{	
	background:url(images/tab_sports_cap.gif) no-repeat;
	left:382px;
} 

#headertabmenu3{
	background:url(images/tab_drink_bottles.gif) no-repeat;
	left:513px;
}

#homeflash{
	position:absolute;
	width:747px;
	height:407px;
	/*background: black url(images/flashhome.jpg) no-repeat;*/
	
	top:133px;
	left:191px;
}

#homeflashinside{
	position:relative;
	width:745px;
	height:424px;

}

#videopanel{
	position:absolute;
	background:url(images/videopanel.jpg) no-repeat;
	bottom:20px;
	right:0px;
	width:172px;
	height:140px;
}

#videopanelinside{
	position:relative;
	width:172px;
	height:140px;
}

#titlevideo, #videoimage, #videolink{
	position:absolute;
}

#titlevideo{
	width:30px;
	height:76px;
	right:8px;
	top:36px;
	background:url(images/title_video.jpg) no-repeat;
}

#videoimage{
	width:120px;
	height:112px;
	left:3px;
	top:2px;
	background:url(images/kidsplayingball.jpg) no-repeat;
}

#videolink{
	width:120px;
	height:20px;
	left:3px;
	top:118px;
	background:url(images/button_ourfacilities.jpg) no-repeat;
}

#footer{
	clear:both;
	background:url(images/footerbg.gif) center no-repeat;
	position:relative;
	width:938px;
	height:67px;
	font-size:10px;
}

/*
* html #footer{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Portals/0/Skins/Dixon/images/footerbg.png' ,sizingMethod='scale');
}*/


#leftfooterlinks{
	width:300px;
	position:absolute;
	top:30px;
	left:44px;
}

#rightfooterlinks{
	width:600px;
	position:absolute;
	top:30px;
	left:215px;
}

#adminmenu{
	position:absolute;
	top:5px;
	left:10px;
}

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

ul.ulfooter li{
	float:left;
	line-height:10px;
	color:#6e7071;
	float:left;
}

ul.ulfooter li.separator{
	width:1px;
	margin-left:12px;
	margin-right:12px;
	background:url(images/footerline.gif) no-repeat;
}

ul.ulfooter li a, ul.ulfooter li a:hover, ul.ulfooter li a:visited{
	color:#6e7071;
	text-decoration:none;
	
}

.FooterNumber
{
	display:block;
	font-weight:bold;
	font-size:10px;
	height:20px;
	width:110px;
	margin-top:15px;
	line-height:12px;
	color:#6e7071;
	text-align:center;
}

#loadedWrapper{
	position:absolute;
	top:10px;
	right:10px;
}

#loaded{
	float:right;
	margin-top:12px;
	margin-right:10px;
}

#loadedLogo{
	background:url(images/site_by_loaded.gif) no-repeat;
	width:73px;
	height:27px;
}

h5{
	margin:0px;
	padding:0px;
}
h5#logoImage{
	width:73px;
	height:27px;
}

h5#logoImage a{
	display:block;
	width:73px;
	height:27px;
	text-indent:-999em;
	margin-bottom:5px;
	overflow:hidden;
}

.linksep{
	margin-left:8px;
}
.LabelForm
{
    font-weight:bold;
}
.LabelFormElement
{
    font-weight:normal;
}
.FormElementTextBox
{
    border: solid black 1px;
    color:Black;
    font-size:11px;
}
.FormElementDropDown
{
  border: solid black 1px;
    color:Black;
    font-size:11px;
}
.FormElementTextBoxReadOnly
{
    border: solid black 1px;
    background-color:#cccccc;
    color:Black;
}
.FormElementTextBoxAsLabel
{
    border:0pt;
    background-color:White;
}
.ContactForm TD
{
	padding:1px;
}

.home #headertabmenu1, .home #headertabmenu2, .home #headertabmenu3{
	display:none;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;


}

.clear{
	width: 500px;
	display:block;
	float:left;
	clear:both;
}

/********************** Loaded Logo CSS ***********************/

#loaded-frame {
	float:right;
	width: 120px;
	height: 60px;
	padding: 15px 20px 2px 2px;
	
}

#loaded-logo{
	float:right;
	display:block;
}

a#loaded-webdeveloper:link, a#loaded-webdeveloper:hover, a#loaded-webdeveloper:visited{
	
	display:block;
	padding:3px 15px 2px 0px;
	width: 110px;
	font-size: 8px !important;
	float:right;
	text-align: right;
	color: #CCCCCC;    /*This subject to change according to the site*/
	text-decoration: none;
	letter-spacing:.1em;
}

a#loaded-webdeveloper:hover{
	color: #333333;	/*This subject to change according to the site*/
}

/********************** Loaded Quote Button style *******************/
.quoteButton
{
    width: 93px;
    height: 37px;
    padding: 0px;
    border: 0px;
}