﻿/* CSS Document */

body{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px; 
	margin-bottom:0px;
	background-image:url(images/bg2.jpg);
	background-repeat:repeat-x; background-position:left top;
	
}
img {
	border:none;
}
h2 {
	margin:0; padding:0; list-style:none;
}
a {
	margin:0; padding:0; list-style:none;
}
ul {
	margin:0; padding:0; list-style:none;
}
.spacer {
	font-size:0; line-height:0; clear:both;
}

#frame{
	width:774px;
	height:auto;
	background-color:#FFF; color:#4D4747;
	padding:0 2px;
	margin:auto;
	border:thin;
	border-collapse:separate;
	border-color:#666666;
	border-style:groove;

}

/* Header part style start from here */

#headcontainer{
	width:774px;
	height:132px;
	background-color:#FFF; color:#4D4747;
	border-top:4px solid #9D9C9C;
	margin:auto;
}


#leftcontainer{
	width:385px;
	height:132px;
	background-image:url('/images/bannerpicleft.jpg');
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#FFFFFF; color:#4D4747;
	float:left;
	margin-top:auto;
}

#logo{
	width:320px;
	height:120px;
	padding-top:0px;
	padding-left:0px;
	margin:auto;
	float:left;
	}

#rightcontainer{
	width:389px;
	height:132px;
	background-image:url('/images/bannerpicright.jpg');
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#FFFFFF; color:#4D4747;
	float:left;
	margin-top:auto;
}

#searchcontainer{
width:207px;
height:auto;
padding-right:20px;
float:right;
margin:auto;
}

#sleft{
width:10px;
height:33px;
float:left;
margin:auto;
}

#smiddle{
width:187px;
height:33px;
padding-top:5px;
background-image:url('/images/searchbg.jpg');
background-repeat:repeat-x;
float:left;
margin:auto;
}

#search{
width:49px;
height:auto;
float:left;
margin:auto;
padding-top:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#000; background-color:inherit;
}

#sbox{
width:105px;
height:auto;
float:left;
margin:auto;
}

#sbutton{
width:30px;
height:auto;
padding-top:3px;
text-align:center;
float:left;
margin:auto;
}

#sright{
width:10px;
height:33px;
float:right;
margin:auto;
}

/* Header part style end here */


/* nav part style start from here */

#navcontainer{
	width:774px;
	height:39px;
	background:url(/images/navbg.jpg) 0 0 repeat-x;
}
#navcontainer ul {
	font:bold 12px/35px Arial, Helvetica, sans-serif;
	padding:0 0 0 32px;
}
#navcontainer ul li {
	float:left; padding:0 23px 0 14px;
	
}
#navcontainer ul li.noPad {	
	padding-right:0;
}
#navcontainer ul li a {
	color:#003366; background-color:inherit; text-decoration:none;
}
#navcontainer ul li span {
	color:#D70000; background-color:inherit;
}

#navcontainer ul li a:hover {
	color:#D70000; background-color:inherit;
}

#homecontainer{
	width:100px;
	height:39px;
	float:left;
	margin-top:auto;
}

#homearrow{
width:auto;
height:20px;
padding-left:30px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#home{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}

a.hometxt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#A3A2A2; background-color:inherit;
text-decoration:none;
}
a.hometxt:hover{
	color:#638E02; background-color:inherit;
}







#aboutuscontainer{
	width:87px;
	height:39px;
	float:left;
	margin-top:auto;
}

#aboutarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#about{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}






#serviescontainer{
	width:86px;
	height:39px;
	float:left;
	margin-top:auto;
}

#servicesarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#services{
width:25px;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}


#contactscontainer{
	width:90px;
	height:39px;
	float:left;
	margin-top:auto;
}

#contactsarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#contacts{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}



/* nav part style end here */

/* banner part style start from here */

#banner{
width:774px;
height:200px;
background-color:#FFFFFF; color:#4D4747;
margin:auto;
}

#bleft{
width:540px;
height:265px;
padding-top:1px;
padding-right:1px;
float:left;
margin:auto;
}

#bright{
width:233px;
height:264px;
border-top:1px solid #FFFFFF;
background-image:url('/images/categorybg.jpg');
background-repeat:repeat-y;
float:left;
margin:auto;
}


.ctxtcontainer {
width:106px;
height:18px;
float:left;
margin:auto;
}

.ctxt{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFF; background-color:inherit;
text-decoration:none;
}
.ctxt:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFE200; background-color:inherit;
text-decoration:none;
}

#cmore{
width:128px;
height:18px;
text-align:right;
float:right;
margin:auto;
}

/* banner end part style end here */

.blank{
width:774px;
height:12px;
background-color:#FFFFFF; color:#4D4747;
margin:auto;
float:left;
}

/* body part style start from here */

#bodycontainer{
width:774px;
height:auto;
color:#4D4747;
margin:auto;
}
#bodycontainer1{
width:760px;
height:auto;
padding:5px 0 5px 10px;
margin:5px 5px 5px 5px;
	font-size: small;
}


#bodycontainerleft{
width:233px;
height:auto;
background-color:#FFFFFF;
float:left;
margin:auto; color:#4D4747;
}

#lmaim{
width:205px;
height:auto;
text-align:center;
margin:auto;
}

#blmaim{
width:205px;
height:33px;
text-align:center;
margin:auto;
}

#loginmaim{
width:205px;
height:auto;
background-color:#C0BEBE; color:#4C4A4A;
text-align:center;
margin:auto;
}


#loginbg{
height:310px;
width:200px;
border:thin;
border-style:solid;
border-color:#999999;
background:url('images/bball.jpg') no-repeat 0 0;
text-align: left;
padding-top:40px;

}

#logingbottom{
width:203px;
height:6px;
background-repeat:no-repeat;
text-align:center;
margin:auto;
}


#clickherecontainer{
width:150px;
height:8px;
padding-top:122px;
text-align:right;
margin:auto;
}

.clicktxt{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#000; background-color:inherit;
text-decoration:none;
}
.clicktxt:hover{
color:#FF0000; background-color:inherit;
}

.newusercontainer{
width:175px;
height:32px;
text-align:center;
margin:auto;
background-image:url('images/menu.jpg')
}

.newleft{
width:175px;
height:auto;
padding-top:8px;
padding-left:15px;
float:left;
margin:auto;
}

.newright{
width:101px;
height:auto;
padding-top:11px;
float:right;
margin:auto;
}

.nutxt{
font-family:Arial, Helvetica, sans-serif;
font-size:small;
font-weight:bold;
color:white; background-color:inherit;
	text-align: left;
}

#forgot{
width:165px;
height:auto;
padding-top:10px;
text-align:left;
margin:auto;
}

.forgottxt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#4C4A4A; background-color:inherit;
text-decoration:none;
}
.forgottxt:hover{
text-decoration:underline;
}

#signup{
width:60px;
height:auto;
padding-top:11px;
float:right;
margin:auto;
}

#bodycontainercenter{
width:303px;
height:auto; 
color:#4D4747;
background-color:#FFFFFF;
float:left;
margin:auto;
}
#bodycontainerbackleft{
width:366px;
height:auto;
float:left;
margin: 0 0 0 0;
padding:5px 10px 5px 10px;
		font-size: medium;
}



#wmaim{
width:260px;
height:auto;
text-align:left;
margin:auto;
}

#welcome{
height:43px;
text-indent:-2000px;
background:url(/images/welcome.gif) 0 0 no-repeat;
}

#wtxt{
width:260px;
height:auto;
float:left;
margin:auto;
background-repeat:no-repeat;
text-align:justify;
}
#wtxtback{
width:366px;
height:auto;
float:left;
text-align:left;
	margin-right: 1px;
	margin-left: 5px;
}



.wtext{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
text-align:justify;
color:#4D4747; background-color:inherit;
}

.h1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
font-weight:bold;
text-align:justify;
color:#4D4747; background-color:inherit;
}

.rmore{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
text-align:right;
color:#FF0000; background-color:inherit;
text-decoration:none;
}
.rmore:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
text-align:right;
color:#5E8800; background-color:inherit;
text-decoration:none;
}

#bodycontainerright{
width:233px;
height:auto;
background-color:#FFFFFF; color:#4D4747;

float:left;
margin:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: 700;
}

#bodycontainerbackright{
width:358px;
height:auto;
background-color:#FFFFFF; color:#4D4747;
float:left;
margin:0 0 0 0;
padding:5px 10px 5px 10px;
}
#rmaimfront{
width:154px;
height:auto;
text-align:center;
margin:auto auto auto 0px;
padding: 2px 0 0 5px;
}


#rmaim{
width:354px;
height:auto;
text-align:center;
margin:auto auto auto 0px;
}

#rmaimback{
width:192px;
height:auto;
text-align:left;
margin:auto;
}



#featured{
height:42px;
background:url('images/newproducts.gif') no-repeat 0 0;
	width: 228px;
}

.fpm1{
width:224px;
height:164px;
float:left;
margin:auto;
}

.fpm2{

width:224px;
height:144px;
border:thin;
border-style:solid;
border-color:#999999;

background:url('images/abs.jpg') no-repeat 0 0;
float:left;
margin:auto;
	color: #FFFFFF;
}


.fpmleft{
width:97px;
height:auto;
float:left;
margin:auto;
}

.fpmright{
height:auto;
float:left;
margin:auto;
}

.ftext{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
padding-left:8px;
text-align:left;
color:#4D4747; background-color:inherit;
	width: 110px;
}

#blankright{
width:192px;
height:14px;
text-align:center;
margin:auto;
}

#rightpic{
width:192px;
height:170px;
float:left;
text-align:right;
margin:auto;
}


/* body end part style end here */



#footercontainercenter{
width:774px;
height:95px;
background-color:#FFFFFF; color:#4D4747;
 border:thin #666666;
margin:auto;
}

#fooertleft{
width:232px;
height:78px;
background-color:#003399;color:#4D4747;
border-right:1px solid #FFFFFF;
background:url('images/ntlogosmall.jpg') no-repeat;
float:left;
margin:auto;
}

#fstore{
width:154px;
height:21px;
padding-top:28px;
text-align:center;
margin:auto;
}

#footeright{
width:540px;
height:78px;
background-color:#FFFFFF;
float:left; color:#4D4747;
margin:auto;
}

#frtop{
width:540px;
height:35px;
background-image:url('/images/footertop.jpg');
background-repeat:repeat-x;
text-align:center;
float:left;
margin:auto;
}


#fooertxt{
height:auto;
padding-top:8px;
text-align:center;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF; background-color:inherit;
text-decoration:none;
}

a.fnav{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#FFF; background-color:inherit;
text-decoration:none;
}
#fooertxt span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#FFE200; background-color:inherit;
text-decoration:none;
}


a.fnav:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#FFE200; background-color:inherit;
text-decoration:none;
}


#copyright{
width:240px;
height:auto;
padding-top:5px;
float:left;
margin:auto;
}

.copyrighttxt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
padding-left:20px;
color:#4D4747; background-color:inherit;
}
.copyrighttxt a {
	color:#4D4747; text-decoration:underline; background-color:inherit;
}
.copyrighttxt a:hover {
	text-decoration:none;
}

#cardcontainer{
width:270px;
height:40px;
float:left;
margin:auto;
}

#card{
width:170px;
height:17px;
padding-top:5px;
padding-right:30px;
float:right;
margin:auto;
}

#cardtxtcontainer{
width:170px;
height:15px;
float:right;
margin:auto;
}

.cardtxt{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
text-align:left;
padding-top:5px;
color:#4D4747; background-color:inherit;
}

#bodycontainerproductsleft{
width:500px;
height:379px;
background:url('images/martialartstop.jpg') no-repeat;
background-color:#FFFFFF; color:#4D4747;
float:left;
margin: 0 0 0 0;

}


#bodycontainerproductsbackright{
width:234px;
height:auto;
background-color:#FFFFFF; color:#4D4747;
float:left;
margin:0 0 0 0;
padding:5px 10px 5px 10px;
}
#producttable {
width:237px;
height:auto;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
text-align:left;

}

#bodycontainerproducts{
width:750px;
height:auto;
background-color:#FFFFFF; color:#4D4747;
float:left;
margin: 0 0 0 0;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
}
#bodycontainerproductsbackright2{
width:300px;
height:auto;
background-color:#FFFFFF; float:left;
margin:0 0 0 0;
padding-left:50px;

}
#bodycontainerproductscollegiate{
width:500px;
height:379px;
background:url('images/collegiate.jpg') no-repeat;
background-color:#FFFFFF; color:#4D4747;
float:left;
margin: 0 0 0 0;

}
#bodycontainerproductsfire{
width:500px;
height:379px;
background:url('images/firefighters.jpg') no-repeat;
background-color:#FFFFFF; color:#4D4747;
float:left;
margin: 0 0 0 0;

}

