/* Custom CSS Document for 
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* IE 6 PNG Fix
--------------------------------------------------------*/
img, div {behavior:url(iepngfix.htc);}

/* Global styles
--------------------------------------------------------*/
body {background:#191919 url(images/body-bg.jpg); font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
#PageTable {width:100%;}
#PageSubTable {width:960px; background:transparent; margin:0 auto;}
#Form2 {margin:0; padding:0}
#ContentCell {background: url(images/contentcell-bg.gif) repeat-y; padding: 11px 24px 13px 20px; }

/* Instructions */
.Instructions {color:#666;}
#Instruction1_InstructCell {font-size:12px; padding-bottom: 7px;}
#Instruction1_InstructCell a {color:#921d30; text-decoration:underline;}
#Instruction1_InstructCell a:hover {text-decoration:none;}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {font-size:12px; color:#921d30;}
#BreadCrumbs1_BreadCrumbs1 a {color:#921d30; text-decoration:underline;}
#BreadCrumbs1_BreadCrumbs1 a:hover {text-decoration:none;}

/* Search Styles */
#SearchTemplate11_ResultInfo {background:#f3f3f3; border:1px solid #ccc; padding:7px;} /* Search Result Menu*/

/* Errors & Messages */
.Messages, 
.ErrorMessages {font-size:12px; font-weight:bold; color:#3a74b3;}

/* Form Elements */
#Form2 .Content input,
#Form2 .Content select {color:#666; font-family: Arial, Helvetica, sans-serif;}

/* Content Tables */
.ContentTableHeader,
.ContentTable, 
.ContentTableHorizontal {font-size:14px; font-weight:bold; color:#3a74b3; text-align: left; }

/* Buttons */
td.button img {margin:4px 0;}

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings,
.CenterHeadings,
#ContentCell h1 {font-size:15px; font-weight:bold; color:#000; margin:0 0 15px 0; padding:0 0 5px 0; width:100%; text-transform:uppercase }
#ContentCell h2 {font-size:16px; font-weight:bold; color:#000; margin:0 0 10px 0; padding:0;}
#ContentCell h3 {font-size:14px; font-weight:bold; color:#000; margin:0; padding:0;}
#ContentCell h3 a {font-size:14px; font-weight:bold; color:#3a74b3; margin:0; padding:0; text-decoration:underline;}
.SubHeadings {text-align: left; font-weight: bold; color:#000; font-size: 14px;}
.Content {line-height:18px; font-size:12px; color:#666; text-align:left;}
.Content a {color:#921d30; text-decoration:underline;}
.Content a:hover {text-decoration:none;}
#ContentCell p {font-size:12px; margin:0 0 15px 0;}
#ContentCell p.top {text-align:right;}
#ContentCell p.top a {padding-left:20px; background:url(images/design/c-top.gif) no-repeat 0 50%;}

/* Common Styles
--------------------------------------------------------*/
a {outline:none}
a img {border:none;}
.center {text-align:center;}
.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.img-left {float:left; margin:4px 10px 4px 0;}
.img-right {float:right; margin:4px 0 4px 10px;}

/* Common Control/List Reset
--------------------------------------------------------*/
#TopBannerCell ul, #TopBannerCell p,
#TopSubBannerCell ul, #TopSubBannerCell p,
#LeftColumnCell ul, #LeftColumnCell p,
#RightColumnCell ul, #RightColumnCell p,
#FooterCell ul, #FooterCell p,
.search ul, .search p,
.cart ul, .cart p {margin:0; padding:0;}

#TopBannerCell ul li,
#TopSubBannerCell ul li,
#LeftColumnCell ul li,
#FooterCell ul li {list-style:none; float:left;}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {background:transparent; margin:0; padding:0; height:auto;}
#TopBannerCell img {margin:0; padding:0;}


/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {}
#TopSubBannerCell a {cursor: hand;}
#TopSubBannerCell .logo {float: left; margin-top: 27px; width: 245px; height: 92px; background: url(images/logo-top.gif) no-repeat; }

/* Cart Styles */
#TopSubBannerCell ul.cartnav {float: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; margin-top: 10px; line-height: 19px;}
#TopSubBannerCell ul.cartnav li {height: 19px;}
#TopSubBannerCell ul.cartnav li a {color: #fff; text-decoration:none;}
#TopSubBannerCell ul.cartnav li a:hover {text-decoration: underline;}
#TopSubBannerCell ul.cartnav li.account {}
#TopSubBannerCell ul.cartnav li.viewcart {}
#TopSubBannerCell ul.cartnav li.checkout {background: url(images/btn-checkout-home.gif) no-repeat; width: 67px; height: 19px; text-align: center;}
#TopSubBannerCell ul.cartnav li.divide {margin: 0 6px;}

#TopSubBannerCell .cart-wrap {clear: right; float: right; margin-top: 6px; width: 218px; height: 29px;}
#TopSubBannerCell .cart-wrap .cart-edge-left {background: url(images/cart-left-edge.gif) no-repeat; width: 5px; height: 29px; float: left;}
#TopSubBannerCell .cart-wrap .cart-content {background: url(images/cart-bg.gif) repeat-x; width: 208px; height: 29px; float: left; line-height: 29px; text-align:center;}
#TopSubBannerCell .cart-wrap .cart-content ul.shopcart {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #fff; }
#TopSubBannerCell .cart-wrap .cart-content ul.shopcart li {float: none; display: inline;}
#TopSubBannerCell .cart-wrap .cart-content ul.shopcart li a {}
#TopSubBannerCell .cart-wrap .cart-content ul.shopcart li.head {}
#TopSubBannerCell .cart-wrap .cart-content ul.shopcart li.items {}
#TopSubBannerCell .cart-wrap .cart-content ul.shopcart li.total {}
#TopSubBannerCell .cart-wrap .cart-content ul.shopcart li.divide {margin: 0 6px;}
#TopSubBannerCell .cart-wrap .cart-edge-right {background: url(images/cart-right-edge.gif) no-repeat; width: 5px; height: 29px; float: left;}

#TopSubBannerCell .topnavbar {background: url(images/topnav-bg.gif) repeat-x; width: 709px; height: 30px; margin-top: 9px; float: left;}
#TopSubBannerCell .topnavbar ul.topnav {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #fff; text-transform:uppercase; margin-left: 5px; float: left;}
#TopSubBannerCell .topnavbar ul.topnav li.divide {background: url(images/topnav-divide-bg.gif) repeat-y; width: 1px; height: 30px; margin: 0 16px;}
#TopSubBannerCell .topnavbar ul.topnav li.first {margin-left: 0;}
#TopSubBannerCell .topnavbar ul.topnav li {line-height: 30px;}
#TopSubBannerCell .topnavbar ul.topnav li a {color: #fff; text-decoration:none;}
#TopSubBannerCell .topnavbar ul.topnav li a:hover {text-decoration:underline;}

/* Search Styles */
#TopSubBannerCell .topnavbar .search {width:223px; float:right; margin-right: 4px;} /* set width */
#TopSubBannerCell .topnavbar ul.searchWrap {line-height:100%;} /* for IE/FireFox consistency */
#TopSubBannerCell .topnavbar ul.searchWrap li {height:30px; } /* set height of list items */
#TopSubBannerCell .topnavbar ul.searchWrap li a {}
#TopSubBannerCell .topnavbar ul.searchWrap li.button img {vertical-align:top; margin-top:5px;} /* positions image in IE to the top as FireFox does by default.  Use margin-top to position button */
#TopSubBannerCell .topnavbar ul.searchWrap li.button {}
#TopSubBannerCell .topnavbar ul.searchWrap li.textbox .searchbox{width: 143px; border: 1px solid #2a5e97; height: 20px; margin-left: 4px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #8f8f8f; margin-top: 5px; *margin-top: 4px; padding-left: 7px; padding-top: 2px; }
#TopSubBannerCell .topnavbar ul.searchWrap li.advsearch {}
#TopSubBannerCell .topnavbar ul.searchWrap li.head {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-transform:uppercase; line-height: 30px;}

#TopSubBannerCell .topnavbar-edge {background: url(images/topnav-rightedge.gif) no-repeat; width: 6px; height: 30px; margin-top: 9px; float: left;}
#TopSubBannerCell .content-wrap-top {float: left; background: url(images/home-contentwrap-top.gif) no-repeat; width: 715px; height: 16px; *margin-bottom: -2px;}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {vertical-align:top; width: 25%; background: #eaeaea; } 
#LeftColumnCell .logo-bottom {background: url(images/logo-bottom.gif) no-repeat; width: 245px; height: 23px; }
#LeftColumnCell a {cursor: hand;}
#LeftColumnCell .lcnav-top {background: url(images/lcnav-top.gif) no-repeat; width: 232px; height: 4px;margin-left: 9px; float: left; *margin-bottom: -14px;}
#LeftColumnCell .lcnav {background: url(images/lcnav-bg.gif) repeat-y; width: 232px; margin-left: 9px; float: left;}
#LeftColumnCell .lcnav-bottom {background: url(images/lcnav-bottom.gif) no-repeat; width: 232px; height: 4px; margin-left: 9px; float: left; *margin-bottom: -14px;}
#LeftColumnCell .find-store {background: url(images/find-store-bg.gif) no-repeat; float: left; width: 216px; _width: 232px; height: 24px; line-height: 24px; margin-left: 9px; margin-top: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #fff; text-transform:uppercase; font-size: 11px; padding-left: 16px;}
#LeftColumnCell .find-store a {color: #fff; text-decoration: none;}
#LeftColumnCell .lc-promo {background: url(images/lc-promo.jpg) no-repeat; float: left; width: 232px; height: 190px; margin-left: 9px; margin-top: 9px;}
#LeftColumnNav1_custommenu {width:245px;}
#LeftColumnNav1_custommenu td {vertical-align:top;}

/*Flyout menu styles
---------------------------------------- */

ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 231px; /*For KHTML*/
  list-style: none;
  
}

ul#navmenu:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
  
}

ul#navmenu li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
  /*padding-right: 10px;*/
}

ul#navmenu li.NFL {background: url(images/lc-NFL.gif) no-repeat 17px 3px;}
ul#navmenu li.MLB {background: url(images/lc-MLB.gif) no-repeat 10px 9px;}
ul#navmenu li.NBA {background: url(images/lc-NBA.gif) no-repeat 23px 3px;}
ul#navmenu li.NCAA {background: url(images/lc-NCAA.gif) no-repeat 16px 8px;}
ul#navmenu li.NHL {background: url(images/lc-NHL.gif) no-repeat 17px 9px;}




/* Root Menu */
ul#navmenu a {
  border-top: 1px solid #e8e8e8;
  padding: 0 0 0 62px;
  display: block;
  background: transparent;
  color: #3a74b3;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
  /*font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;*/
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  line-height: 38px;
  background: url(images/lc-arrow.gif) no-repeat 212px center;
}

ul#navmenu a.first {border: 0;}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  /*background: #CCC;
  color: #FFF;*/
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background: #fff;
  color: #666;
  font-size: 11px;
  text-transform:none;
  padding: 0;
  line-height: 24px;
  font-weight: normal;
  border: 0;
  /*border: 1px solid #d0d0d0;*/
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {}

ul#navmenu li:hover li td,
ul#navmenu li.iehover li td {background: #013066; font-size: 11px; color: #8F8F8F; line-height: 24px; border: 1px solid #d0d0d0;}

ul#navmenu li:hover li td.col-1,
ul#navmenu li.iehover li td.col-1 {border-top: 0; border-right: 0; }

ul#navmenu li:hover li td.col-2,
ul#navmenu li.iehover li td.col-2 {border-top: 0; }

ul#navmenu li:hover li td.col-3,
ul#navmenu li.iehover li td.col-3,
ul#navmenu li:hover li td.col-4,
ul#navmenu li.iehover li td.col-4 {border-top: 0; border-left: 0;}

ul#navmenu li:hover li td.heading,
ul#navmenu li.iehover li td.heading {background: #191919; font-weight: bold; color: #fff; border-top:1px solid #d0d0d0; padding: 0 10px; }

ul#navmenu li:hover li td a,
ul#navmenu li.iehover li td a {background: #013066; color: #fff; padding: 0 10px;}

ul#navmenu li:hover li td a:hover,
ul#navmenu li.iehover li td a:hover {background: #3a74b3;}


/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 231px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/* NavControl Styles */
.navigator {cursor:hand; cursor:pointer; font-weight:bold; font-size:12px;}
.navigator a {line-height:18px;}

.categorybox {}
.selectedcategorybox {}

.overselectedcategorybox,
.overcategorybox {background:#968f73;}

.subcategorybox,
.oversubcategorybox,
.selectedsubcategorybox,
.overselectedsubcategorybox {background:#3f3a58}

.categorybox a,
.selectedcategorybox a {color:#fff; text-decoration:none;}

.overcategorybox a, 
.overselectedcategorybox a {color:#e3e0d2; text-decoration:none;}

.subcategorybox a,
.selectedsubcategorybox a {color:#fff; text-decoration:none;}

.oversubcategorybox a,
.overselectedsubcategorybox a {color:#d4d2dd; text-decoration:none;}


/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {}
#ContentCell.default a {cursor: hand;}
#ContentCell.default .main {float: left; background: url(images/home-main.jpg) no-repeat; width: 671px; height: 281px; position: relative;}
#ContentCell.default .main a.whole-img {position: absolute; width: 671px; height: 281px; display: block; text-indent:-9999px;}

/*also need to add z-index to this element so the fly-out menu will stay on top */
ul#navmenu li {z-index: 20;}
#ContentCell.default .feature {clear: both; float: left; width: 669px; _width: 671px; height: 136px; border: 1px solid #e8e8e8; margin-top: 14px; }
#ContentCell.default .feature .product-1 {float: left; background:url(images/feature-product-1.jpg) no-repeat center center; width: 168px; height: 136px; border-right: 1px solid #e8e8e8;}
#ContentCell.default .feature .product-2 {float: left; background:url(images/feature-product-2.jpg) no-repeat center center; width: 165px; height: 136px; border-right: 1px solid #e8e8e8;}
#ContentCell.default .feature .product-3 {float: left; background:url(images/feature-product-3.jpg) no-repeat center center; width: 174px; height: 136px; border-right: 1px solid #e8e8e8;}
#ContentCell.default .feature .product-4 {float: left; background:url(images/feature-product-4.jpg) no-repeat center center; width: 159px; height: 136px;}
#ContentCell.default .feature-content {clear: left; float: left; width: 669px; _width: 671px; height: 40px; _height: 41px; border: 1px solid #e8e8e8; border-top: 0; background: #f4f4f4; }
#ContentCell.default .feature-content p {margin: 5px 0 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #8f8f8f; line-height: 14px;}
#ContentCell.default .feature-content p.price {font-weight: bold; font-size: 13px; color: #3a74b3; margin: 0; line-height: 17px;}
#ContentCell.default .feature-content a {color: #8f8f8f; text-decoration:none;}
#ContentCell.default .feature-content a:hover {color: #921d30;}
#ContentCell.default .feature-content .product-1 {float: left; width: 168px; height: 40px; _height: 41px; border-right: 1px solid #e8e8e8; text-align:center; }
#ContentCell.default .feature-content .product-2 {float: left; width: 165px; height: 40px; _height: 41px; border-right: 1px solid #e8e8e8; text-align:center; }
#ContentCell.default .feature-content .product-3 {float: left; width: 174px; height: 40px; _height: 41px; border-right: 1px solid #e8e8e8; text-align:center;}
#ContentCell.default .feature-content .product-4 {float: left; width: 159px; height: 40px; _height: 41px; text-align:center;}
/* Default Dynamic Page Template Styles */
#FeaturedCategories {}
#FeaturedCategories ul {margin:0; padding:0; text-align:center;}
#FeaturedCategories ul li {list-style:none;}
#FeaturedCategories ul li.image {}
#FeaturedCategories ul li.category a {}
#FeaturedCategories ul li.description {}

/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static {}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {background: url(images/footer-bg-top.gif) no-repeat; padding-bottom: 200px;}
#FooterCell ul.footernav {float: left; margin-top: 23px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #fff;}
#FooterCell ul.footernav li {}
#FooterCell ul.footernav li.divide {margin: 0 5px;}
#FooterCell ul.footernav li a {color: #fff; text-decoration: none;}
#FooterCell ul.footernav li a:hover {text-decoration: underline;}
#FooterCell ul.copyright {float: right; margin-top: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #767676;}
#FooterCell ul.copyright li {}
/* Detail Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
/* Detail 1 
---------------------------- */
#ProductDetail11_Table1 {} /* Main Table*/

/* Image Style */
#ProductDetail11_ImageCell {} /* Image Cell */
#ProductDetail11_ImageCell img {} /* Image Cell: Image */
#ProductDetail11_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail11_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail11_Swatches_imgProductImage {margin:0 10px 0 5px;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail11_Table2 {} /* Info Table*/
#ProductDetail11_Table2 td {padding:0 0 0 10px;} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail11_trProductName .Headings {padding:10px 10px 0 10px; font-size:18px; font-weight:normal;} /* Product Name */
#ProductDetail11_trProductCode .content {} /* Product Code */
#ProductDetail11_trCategory .content {} /* Category Name */
#ProductDetail11_trDescription .content {background:#f2f2f2; padding:10px;} /* Description */
#ProductDetail11_trPrice .content {color:#478522; font-weight:bold; font-size:14px; padding:5px 10px 0 10px;} /* Price */
#ProductDetail11_trAttributes table td {padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail11_trQty .content  {} /* Quantity */

/* Detail 2
---------------------------- */
#ProductDetail21_Table1 {} /* Main Table*/

/* Image Style */
#ProductDetail21_ImageCell {} /* Image Cell */
#ProductDetail21_ImageCell img {} /* Image Cell: Image */
#ProductDetail21_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail21_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail21_Swatches_imgProductImage {margin:0 10px 0 5px;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail21_Table2 {} /* Info Table*/
#ProductDetail21_Table2 td {padding:0 0 0 10px;} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail21_trProductName .Headings {padding:10px 10px 0 0; font-weight:bold;} /* Product Name */
#ProductDetail21_trProductCode .content {} /* Product Code */
#ProductDetail21_trCategory .content {} /* Category Name */
#ProductDetail21_trDescription .content {background:#f2f2f2; padding:10px;} /* Description */
#ProductDetail21_trPrice .content {color:#478522; font-weight:normal; font-size:18px; padding:15px 10px;} /* Price */
#ProductDetail21_trAttributes table td {padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail21_trQty .content  {} /* Quantity */

#Table6 td {padding-left: 5px;}