@charset "utf-8";
/* CSS Document */
body {
font-family: HelveticaNeueUltraLight, Verdana, Arial, sans-serif;
font-size: 10px;
font-style:normal;
text-align: center;
color: #666666;
margin: 0;
padding: 0;
background-color: #000000;
}

a, h1, h2, h3, h4, h5, h6, img {
padding: 0;
margin: 0;
border: none;
}

h1 {
font-size: 30px;
font-weight: normal;
font-family: Impact, HelveticaNeueUltraLight, Verdana, Arial, sans-serif;
}

h2 {
font-size: 20px;
font-weight: normal;
}

h3 {
font-size: 18px;
font-weight: normal;
}

h4 {
font-size: 16px;
font-weight: normal;
}

h5 {
font-size: 12px;
font-weight: normal;
}

h6 {
font-size: 10px;
font-weight: bold;
}

table, div, {
border: none;
border-collapse: collapse;
margin: 0;
padding: 0;
text-align: left;
vertical-align: top;
white-space: nowrap;
}

a, a:visited {
text-decoration: none;
color: #666666
}

a:hover {
color: #000000
}

/* PAGE */
#mainContainer { 
width: 980px;
background-color: #000000;
padding: 0;
margin: 0 auto;
text-align: left;
}

.topCap {
width: 100%;
height: 15px;
background-color: #000000;
background-image:url(../images/topBar.png);
background-repeat: no-repeat;
background-position: center;
padding: 0;
margin: 0;
}

.bottomCap {
width: 100%;
height: 15px;
background-color: #000000;
background-image:url(../images/bottomBar.png);
background-repeat: no-repeat;
background-position: center;
padding: 0;
margin: 0;
}

/* HEADER */
#headerContainer {
background-color: #000000;
height: 120px;
overflow: hidden;
padding: 0;
margin: 0;
}

#headerContainer a {
border: none;
color: #000000;
}

#headerContainer #logo {
float: left;
margin: 10px 0 0 0;
}

#headerContainer #title {
float: right;
margin: 70px 0 0 0;
}

.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

/* MAIN NAVBAR CONTAINER */
#mainNav {
background-color: #000000;
width: 980px;
height: 30px;
padding: 0 0 10px 0;
margin: 0;
position: relative;
z-index: 100;
}

/* MAIN NAVBAR LIST */
#mainNav #mainNavbar {
padding: 0;
margin: 0;
}

/* MAIN NAVBAR BUTTON STANDARDS */
#mainNav #mainNavbar .mainNavButton .buttonLink {
width: 150px;
}

#mainNav #mainNavbar .mainNavButton, #mainNav #mainNavbar .mainNavButton .buttonLink {
display: inline;
float: left;
height: 30px;
padding: 0;
margin: 0;
overflow: hidden;
background-image: url(../images/mainNavbar.png);
background-repeat: no-repeat;
}

/* MAIN NAVBAR BUTTONS */

#mainNav #mainNavbar #leftBlank {
width: 40px;
background-position: 0 0;
}

#mainNav #mainNavbar #home .buttonLink {
background-position: -40px 0;
}

#mainNav #mainNavbar #products .buttonLink {
background-position: -190px 0;
}

#mainNav #mainNavbar #aboutUs .buttonLink {
background-position: -340px 0;
}

#mainNav #mainNavbar #contactUs .buttonLink {
background-position: -490px 0;
}

#mainNav #mainNavbar #orderTracking .buttonLink {
background-position: -640px 0;
}

#mainNav #mainNavbar #requestCatalog .buttonLink {
background-position: -790px 0;
}

#mainNav #mainNavbar #rightBlank {
width: 40px;
background-position: -940px 0;
}

/* MAIN NAVBAR ROLLOVER */

#mainNav #mainNavbar #home .buttonLink:hover {
background-position: -40px -30px;
}

#mainNav #mainNavbar #products .buttonLink:hover {
background-position: -190px -30px;
}

#mainNav #mainNavbar #aboutUs .buttonLink:hover {
background-position: -340px -30px;
}

#mainNav #mainNavbar #contactUs .buttonLink:hover {
background-position: -490px -30px;
}

#mainNav #mainNavbar #orderTracking .buttonLink:hover {
background-position: -640px -30px;
}

#mainNav #mainNavbar #requestCatalog .buttonLink:hover {
background-position: -790px -30px;
}

/* DISPLAY SUBMENUS ON ROLLOVER */
#mainNav li:hover > .subMenuContainer, .subMenuContainer li:hover > ul{
visibility: visible;
}

/* MAIN NAVBAR ON CLICK */

#mainNav #mainNavbar #home .buttonLink:active {
background-position: -40px -60px;
}

#mainNav #mainNavbar #products .buttonLink:active {
background-position: -190px -60px;
}

#mainNav #mainNavbar #aboutUs .buttonLink:active {
background-position: -340px -60px;
}

#mainNav #mainNavbar #contactUs .buttonLink:active {
background-position: -490px -60px;
}

#mainNav #mainNavbar #orderTracking .buttonLink:active {
background-position: -640px -60px;
}

#mainNav #mainNavbar #requestCatalog .buttonLink:active {
background-position: -790px -60px;
}

/* SUBMENUS */
/* margin controls centering under button */
.subMenuContainer {
position: absolute;
margin: 0px 0px 0px -100px;
top: 20px;
padding: 0;
visibility: hidden;;
z-index: 100;
}

/* SUBMENU LINK STYLES */	
.subMenuContainer a {
text-decoration: none;
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
padding: 0;
margin: 0;
}

.subMenuContainer a:hover {
color: #CC0000;
}

.subMenuContainer a:active {
color: #FFFFFF;
}

/* SUBMENU LIST STYLES */
/* inside makes submenus appear right */
/* outside makes submenus appear right */
.subMenuContainer ul {
list-style-type: none;
list-style-position: outside;
background-color: #666666;
border: 1px solid #000000;
margin: 0;
padding: 5px 0;
}

.subMenuContainer li {
display: block;
width: 180px;
position: relative;
padding: 2px 10px;
margin: 0;
border-bottom: 1px solid #888888;

}

.subMenuContainer li:hover {
background-color: #333333;
}

.subMenuContainer li:active {
background-color: #000000;
}

/* INITIALLY HIDE SUBSEQUENT LEVEL SUBMENUS */
.subMenuContainer ul ul{
position: absolute;
top: -6px;
left: 200px;
visibility: hidden;
}

/* LEAGUE BAR CONTAINER */
#leagueBar {
position: relative;
background-color: #000000;
width: 980px;
height: 60px;
padding: 0;
margin: 0;
z-index: 0;
}

/* LEAGUE BAR LIST */
#leagueBar #leagueBarList {
padding: 0;
margin: 0;
}

/* LEAGUE BAR BUTTON STANDARDS */
#leagueBar #leagueBarList .leagueButton .buttonLink {
width: 85px;
}

#leagueBar #leagueBarList .leagueButton, #leagueBar #leagueBarList .leagueButton .buttonLink {
display: inline;
float: left;
height: 60px;
padding: 0;
overflow: hidden;
background-image: url(../images/leagueBar.png);
background-repeat: no-repeat;
}

/* LEAGUE BAR BUTTONS */

#leagueBar #leagueBarList #leftBlank {
width: 235px;
background-position: 0 0;
}

#leagueBar #leagueBarList #nfl .buttonLink {
background-position: -235px 0;
}

#leagueBar #leagueBarList #mlb .buttonLink {
background-position: -320px 0;
}

#leagueBar #leagueBarList #nba .buttonLink {
background-position: -405px 0;
}

#leagueBar #leagueBarList #ncaa .buttonLink {
background-position: -490px 0;
}

#leagueBar #leagueBarList #nhl .buttonLink {
background-position: -575px 0;
}

#leagueBar #leagueBarList #mls .buttonLink {
background-position: -660px 0;
}

#leagueBar #leagueBarList #buckle .buttonLink {
background-position: -745px 0;
}

#leagueBar #leagueBarList #custom .buttonLink {
background-position: -830px 0;
}

#leagueBar #leagueBarList #rightBlank {
width: 65px;
background-position: -915px 0;
}

/* LEAGUE BAR ROLLOVER */

#leagueBar #leagueBarList #nfl .buttonLink:hover {
background-position: -235px -60px;
}

#leagueBar #leagueBarList #mlb .buttonLink:hover {
background-position: -320px -60px;
}

#leagueBar #leagueBarList #nba .buttonLink:hover {
background-position: -405px -60px;
}

#leagueBar #leagueBarList #ncaa .buttonLink:hover {
background-position: -490px -60px;
}

#leagueBar #leagueBarList #nhl .buttonLink:hover {
background-position: -575px -60px;
}

#leagueBar #leagueBarList #mls .buttonLink:hover {
background-position: -660px -60px;
}

#leagueBar #leagueBarList #buckle .buttonLink:hover {
background-position: -745px -60px;
}

#leagueBar #leagueBarList #custom .buttonLink:hover {
background-position: -830px -60px;
}

/* LEAGUE BAR ON CLICK */

#leagueBar #leagueBarList #nfl .buttonLink:active {
background-position: -235px -120px;
}

#leagueBar #leagueBarList #mlb .buttonLink:active {
background-position: -320px -120px;
}

#leagueBar #leagueBarList #nba .buttonLink:active {
background-position: -405px -120px;
}

#leagueBar #leagueBarList #ncaa .buttonLink:active {
background-position: -490px -120px;
}

#leagueBar #leagueBarList #nhl .buttonLink:active {
background-position: -575px -120px;
}

#leagueBar #leagueBarList #mls .buttonLink:active {
background-position: -660px -120px;
}

#leagueBar #leagueBarList #buckle .buttonLink:active {
background-position: -745px -120px;
}

#leagueBar #leagueBarList #custom .buttonLink:active {
background-position: -830px -120px;
}

/* CONTENT BLOCK - THIS DIV WILL HOLD THE MAIN DISPLAY AREA TO CONTROL BKGD COLOR*/
#contentBlock {
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

/* SIDEBAR */

#sideBar {
position: relative;
float: left;
width: 150px;
height: 100%;
background-color: #FFFFFF;
padding: 0;
margin: 15px 0 15px 15px;
text-align: center;
}

#sideBar table {
border-style: none;
border-collapse: collapse;
border-spacing: 0;
margin: 0;
padding: 0;
background-color: #FFFFFF;
width: 100%;
overflow: hidden;
text-align: center;
vertical-align: top;
}

#sideBar td {
border: none;
margin: 0;
padding: 0;
overflow: hidden;
text-align: center;
}

#sideBar td.top div {
margin: 0;
padding: 0;
color:#FFFFFF;
text-decoration: none;
font-size: 12px;
text-align: center;
vertical-align: bottom;
height: 20px;
}

/* SIDEBAR TABLE BORDER STYLES */
#sideBar td.topLeft {
height: 20px;
width: 15px;
background-image: url(../images/topLeftSolidRound.png);
background-position: left;
background-repeat: no-repeat;
}

#sideBar td.top {
height: 20px;
background-image: url(../images/topSolid.png);
background-position: center;
background-repeat: repeat;
}

#sideBar td.topRight {
height: 20px;
width: 15px;
background-image: url(../images/topRightSolidRound.png);
background-position: right;
background-repeat: no-repeat;
}

#sideBar td.left {
width: 15px;
background-image: url(../images/leftOutline.png);
background-position: left;
background-repeat: repeat-y;
}

#sideBar td.right {
width: 15px;
background-image: url(../images/rightOutline.png);
background-position: right;
background-repeat: repeat-y;
}

#sideBar td.bottomLeft {
height: 15px;
width: 15px;
background-image: url(../images/bottomLeftOutlineRound.png);
background-position: left;
background-repeat: no-repeat;
}

#sideBar td.bottom {
height: 15px;
background-image: url(../images/bottomOutline.png);
background-position: center;
background-repeat: repeat-x;
}

#sideBar td.bottomRight {
height: 15px;
width: 15px;
background-image: url(../images/bottomRightOutlineRound.png);
background-position: right;
background-repeat: no-repeat;
margin: 0 0 15px 0;
padding: 0;
}

/* SIDEBAR IMAGES */

#sideBar td img {
width: 100px;
height: 100px;
}

/* PRODUCTS */

table.productMain {
margin: 50px 15px 15px 15px;
padding: 0}

table.productMain td {
border: none;
margin: 0;
padding: 15px;
}

table.productMain img {
width: 300px;
height: 300px;
float: left;
margin: 0;
}

a.productLink {
text-decoration: none;
color: #666666;
font-weight: normal;
font-size: 10px;
}

a.productLink:hover {
color: #000000;
}

#productMenu {
width: 785px;
margin: 0;
padding: 0;
}

#productMenu td {
text-align: center;
vertical-align: top;
margin: 0;
padding: 10px;
width: 25%;
}

#productMenu img {
width: 150px;
height: 150px;
}

/* MAIN CONTENT */

#mainContent {
margin: 0 0 0 165px;
padding: 15px;
background-color: #FFFFFF;
color: #666666;
font-size: 10px;
}

/* FOOTER */

#footer { 
padding: 10px 0 0 0;
margin: 0;
background:#000000;
color: #666666;
text-align: center;
}

#footer a{
text-decoration: none;
color: #666666;
}

#footer a:hover{
text-decoration: none;
color: #FFFFFF;
}