body {
	margin: 0;
  margin-left:auto;
	margin-right:auto;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; 
	background:#444;
	background-image:url(images/newnbibg3.jpg);
	}

#mainDiv {
	margin-top:0;
	width:800px;
	height: auto;
	background: #fff;
  margin-left:auto;
	margin-right:auto;
	border-right: 3px solid #000; 
	border-left: 3px solid #000;
	}
	
/* Main Page */
.header {width:800px; height:226px; background-image: url(images/newhead.jpg); overflow: hidden;}
.secondrow{width:800px; height:300px; margin-top: 8px;margin-bottom: 8px;}
.rotatingBanner {width:525px; height:300px; float: left; background-image: url(images/lifestyles_banner.gif); margin-left:10px;}
.hangtags{width:800px; height:161px;overflow: hidden; background-image: url(images/hangtagbg.jpg); margin-top: 20px;}
.lowerRow{width:800px; height:200px;overflow: hidden;margin-top: 8px;margin-bottom: 0px; background-image:url(images/newatNBI.jpg); background-repeat: no-repeat; background-position: 0 0;}
.footer{width:800px; height:60px; background-image: url(images/footer.jpg);margin-top: 10px;position:relative;}

.aboutNBI {width: 525px; height:300px; overflow: hidden; }

.footer p {position:relative; padding-top: 35px; height: 12px; width:800px;  text-align: center; color:#fff;}

.topRight{width:255px; height:290px; float: right;}
.topRight p {margin-top: 18px; font-size: 11px; color: #000; padding-top:4px; text-align: left; padding-right:25px; background-image: url(); background-repeat: no-repeat;}
.topRight p span {color:#764897; font-weight: bold;}

.ht {width:800px; height: 161px;}
.ht ul {list-style-type: none; margin-left:-40px;}
.ht ul li {height: 161px; float: left; }
.ht ul li a img {border:0; margin:0;}

.NBInews{width:430px; height:200px; float: left; margin-left:8px; }
.news {width:430px; height: 200px; overflow:auto; }
.news ul {list-style-type: none; }
.news ul li {text-align: left; margin-left:-10px; }
.news p {text-align: left; margin-top: -2px;}
.news h4 {font-size: 12px; margin-bottom: 0px; color:#764896;}

.movie{height: 200px; width: 338px;font-size: 14px; float:right;}


/* Ordering Page */
.ordering {height: 650px; width: 800px; font-size: 14px; margin-top:30px; text-align: left;}
.ordering div {height:352px; width:550px; background-image: url(images/orderingimg.jpg); background-repeat: no-repeat;
padding-left: 235px; margin-left: 30px; padding-top: 30px;}
.ordering div p {text-align: left;  padding:10px; margin:10px; margin-top:-10px;}
.ordering h3 {color:#764897; text-align: left; width: 400px; border-bottom: 1px solid #764897; margin-bottom:0px;}

/* Product Pages */
.catalog {height: 594px; width: 800px; background: #fff;}
.productDiv {width:780px; height: 540px; margin-top: 6px; margin-left:10px;margin-bottom:10px; background-image:url(images/productsbg.jpg); background-repeat: no-repeat;
background-position: 210px 10px;}
.out {color: red; font-weight: bold; margin-top: 4px;}


/* Header */
.topLeft {height:195px; Width: 294px; float: left;}
.topLeft a img {border: 0;}
a.homeLink {border:0;}


.menu {width:438px; height: 42px;padding-top:126px; margin-bottom: 30px;float: right;}
.menu ul {list-style-type: none;}
.menu ul li {height: 42px; float: left; }
.menu ul li a img {border:0; margin:0;}

.menu2 {position:relative; bottom:0px; height: 14px; width:430px; float: left; margin-left:-20px;}
.menu2 ul {list-style-type: none;}
.menu2 ul li {height: 14px; float: left; text-align: center; margin: 0px 14px 0px 0px;}
.menu2 ul li a:link {color: #764897; background: #fff;font-size: 14px; font-weight: bold;padding:2px; text-decoration: none;}
.menu2 ul li a:visited {color: #764897; background: #fff;font-size: 14px; font-weight: bold;padding:2px; text-decoration: none;}
.menu2 ul li a:hover {background: #764897; color: #fff; font-size: 14px; font-weight: bold;text-decoration: none; padding:2px;}
.menu2 ul li a:active {color: #764897; background: #fff;font-size: 14px; font-weight: bold;padding:2px; text-decoration: none;}



/* Gallery Links */
.description {float:left; width: 200px; height:370px; margin-left: 0; padding-right: 5px; margin-bottom: 10px; border-right: 1px solid #aaa; text-align: right;}
.productPrice {font-size: 11px; text-align: right;  height: 200px; width: 200px; margin-top: 0px;}
.productPrice h3 {font-weight: bold; font-size: 18px; color: #000; margin-bottom: 2px;}

.baseball 		{width: 200px; height: 190px; background-image: url(images/productTopBaseball.jpg); background-repeat: no-repeat;}
.driver 			{width: 200px; height: 190px; background-image: url(images/productTopDrivers.jpg); background-repeat: no-repeat;}
.flatbill 		{width: 200px; height: 190px; background-image: url(images/productTopFlatbill.jpg); background-repeat: no-repeat;}
.knits 				{width: 200px; height: 190px; background-image: url(images/productTopKnits.jpg); background-repeat: no-repeat;}
.legion 			{width: 200px; height: 190px; background-image: url(images/productTopLegions.jpg); background-repeat: no-repeat;}
.fourtwenty 	{width: 200px; height: 190px; background-image: url(images/productTop420.jpg); background-repeat: no-repeat;}
.pink 				{width: 200px; height: 190px; background-image: url(images/productTopPink.jpg); background-repeat: no-repeat;}

.purpleLine {float:left;position: relative; width:765px;margin-left:0; border-top:2px solid #764896;}

.container {position: relative; float:left; width:746px; height:66px; margin:0; margin-top: 6px; padding:0; padding-top: 2px;}
.container li {float:left; list-style-type: none; margin: 0px; margin-right: 6px; padding: 0; width:92px; height:68px;}
.container li img {width:90px; height:66px; border: 0px; margin:0; margin-right: 4px;}

.container li span  {display: none; width: 473px; height: 348px; position: absolute; left:210px;  top:-380px;}
.container li:hover span  {display: block; width: 473px; height: 348px;}

.container li div  {display: none;}
.container li:hover div  {display: block; position: absolute; left:6px;  top:-125px; width: 190px; height: 356px;font-size: 11px; text-align: left; padding: 4px; overflow: hidden;}
.container li span img {width: 473px; height: 348px;}

h4 {font-weight: bold; font-size: 12px; color: #000; margin-bottom: 2px; color:#764896;}
h3 {font-weight: bold; font-size: 14px; color: #000; margin-bottom: 2px;}

/* IE Gallery */
a.gallery, a.gallery:visited {text-decoration:none; color: #333;}
a.gallery span {display:none;  position:absolute;}
a.gallery:hover {white-space:normal; z-index:100;}
a.gallery:active {text-decoration:none; color: #333;}
a.gallery:hover span {display:block; z-index:100;}
a.gallery:hover span img {position:relative; z-index:100;}
a.gallery:active span {display:none; }
a.gallery:active span img {position:relative; z-index:10;}
a.gallery span img {border: 0px;}

a.gallery div {display:none;  position:absolute; color:#333;}
a.gallery:hover div {display:block;  position:absolute; left:6px;  top:-125px; width: 190px; height: 356px;font-size: 11px; text-align: left; padding: 4px; overflow: hidden;}

a.row2:hover span {position: absolute; left:210px;  top:-448px;}
a.row2:hover div {position:absolute; left:6px;  top:-202px; }

a.row3:hover span {position: absolute; left:210px;  top:-528px;}
a.row3:hover div {position:absolute; left:6px;  top:-266px; }
/* End IE Gallery  */