/* Custom CSS Document for SealSports by AM
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* Default STYLES
--------------------------------------------------------*/
body {background: #00011f url(images/design/bg.jpg) no-repeat top center; margin:0;}
#PageTable { background:url(images/design/btmBG.gif) repeat-x bottom left; width:100%;}
#PageSubTable {width: 930px;}
#ContentCell { background:#fff;}
#Instruction1_InstructCell { background:#00008e; border: 1px solid #00011e; padding: 7px;}
#Instruction1_InstructCell a {color: #fff}
.Instructions {font-size: 11px; color: #fff}
.Messages { font-size: 12px; font-weight: bold; color:#f90000;}
.ErrorMessages { font-size: 12px; font-weight: bold; color: #c00; text-transform:uppercase;}
.Headings {font-size: 16px; font-weight: bold; color: #0e9400}
.ContentTableHeader, 
.ContentTable,
.ContentTableHorizontal {font-size: 14px; font-weight: bold; color: #fff; background: #00008e}
.Content {font-size: 11px; color: #000; font-family:Verdana, Arial, Helvetica, sans-serif;}
.Content a {color: #000; text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif;}
.Content a:hover {color: #000; text-decoration: none;}
a { outline:none;}
a img { border:none;}
.center { text-align:center;}
.clear { clear:both;}
.clearRight { clear:right;}
.clearLeft { clear:left;}

img { behavior: url(iepngfix.htc); }

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {}

#TopBannerCell .logo { float:left; margin:11px 0 0 13px; font:9px/9px Verdana, Arial, Helvetica, sans-serif; color:#fff; width:127px; text-align:center;}
#TopBannerCell .logo img { margin:0 0 3px 0;}
#TopBannerCell h2 { font:bold 14px/14px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:27px 0 10px 0; float:right;}

#TopBannerCell .cartwrap { float:right; color:#fff; font:bold 11px Arial, Helvetica, sans-serif;}
#TopBannerCell .cartwrap ul { padding:0; margin:5px 0 0 0; list-style:none; text-align:right;}
#TopBannerCell .cartwrap li { padding:0; margin:0; display:inline;}
#TopBannerCell .cartwrap li a { text-decoration:underline; color:#fff; font:11px Arial, Helvetica, sans-serif; padding:0 8px 0 5px; background:url(images/design/whiteNavPipe2.gif) no-repeat center right;}
#TopBannerCell .cartwrap li a:hover { text-decoration:none;}
#TopBannerCell .cartwrap li#last a { background:none;}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell { height:89px; background:url(images/design/tsbBG.gif) no-repeat top left;}
#TopSubBannerCell ul { padding:0; margin:0; list-style:none; margin:60px 0 0 0;}
#TopSubBannerCell li { padding:0; margin:0; float:left;}
#TopSubBannerCell li a { display:block; text-decoration:none; color:#fff; font:bold 11px Arial, Helvetica, sans-serif; background:url(images/design/whiteNavPipe.gif) no-repeat center right; padding:2px 24px 2px 24px;}
#TopSubBannerCell li a:hover { text-decoration:underline;}
#TopSubBannerCell li#last a { background:none;}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell { width:19%; vertical-align:top; background:url(images/design/lcBg.gif) no-repeat 100% 75px}
#LeftColumnNav1_custommenu {width: 184px; vertical-align:top;}

#LeftColumnCell .searchwrap { background:#fd0000 url(images/design/searchBg.gif) repeat-x; padding:11px;}
#LeftColumnCell .searchwrap h3 { background:url(images/design/searchIcon.gif) no-repeat; width:105px; height:15px; text-indent:-99999px; padding:0; margin:3px 0;}
#LeftColumnCell .searchwrap input { background:#000; color:#fff; font-size:12px; border:none; width:120px; line-height:16px;}
#LeftColumnCell .searchwrap a { font:10px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline;}
#LeftColumnCell .searchwrap a:hover { text-decoration:none;}


/* LeftColumnNav MENU Styles
--------------------------------------------------------*/

/* Top Level*/
ul#navmenu,
ul#navmenu li a,
ul#navmenu ul a {border: 0 none; margin: 0; padding: 0; width: 184px; /*For KHTML*/ list-style: none; color:#72c2ff; text-decoration:none; font:bold 11px Verdana, Arial, Helvetica, sans-serif; line-height:15px;}

/* Root = Vertical, Secondary = Vertical*/
ul#navmenu .lc-flyout,
ul#navmenu .lc-flyout li,
ul#navmenu .lc-flyout ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 184px; /*For KHTML*/
  list-style: none;
}

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

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

/* Root Menu */
ul#navmenu .lc-flyout a {background: transparent; padding-left: 10px; width:174px; _width:184px; display: block; color:#fff; text-decoration:none; font:bold 11px Verdana, Arial, Helvetica, sans-serif; height: auto !important; height: 1%; line-height:20px;}

/* Root Menu Hover Persistence */
ul#navmenu .lc-flyout a:hover,
ul#navmenu .lc-flyout li:hover a,
ul#navmenu .lc-flyout li.iehover a {
  background: #016af2;
  color: #fff;
  filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}

/* 2nd Menu */
ul#navmenu .lc-flyout li:hover li a,
ul#navmenu .lc-flyout li.iehover li a {
  font:bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
  padding-left: 10px; 
  width:174px; 
  _width:184px;
  background: #016af2;
  border-bottom:1px solid #013dd9;
  color: #fff;
  filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

ul#navmenu .lc-flyout li ul {border:1px solid #410904;}

/* 2nd Menu Hover Persistence */
ul#navmenu .lc-flyout li:hover li a:hover,
ul#navmenu .lc-flyout li:hover li:hover a,
ul#navmenu .lc-flyout li.iehover li a:hover,
ul#navmenu .lc-flyout li.iehover li.iehover a {
  background: #013dd9;
  color: #fff;
}

/* 3rd Menu */
ul#navmenu .lc-flyout li:hover li:hover li a,
ul#navmenu .lc-flyout li.iehover li.iehover li a {
  font:bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
  padding-left: 10px; 
  width:174px; 
  _width:184px;
  background: #016af2;
  color: #fff;
}

/* 3rd Menu Hover Persistence */
ul#navmenu .lc-flyout li:hover li:hover li a:hover,
ul#navmenu .lc-flyout li:hover li:hover li:hover a,
ul#navmenu .lc-flyout li.iehover li.iehover li a:hover,
ul#navmenu .lc-flyout li.iehover li.iehover li.iehover a {
  background: #013dd9;
  color: #fff;
}

/* 4th Menu */
ul#navmenu .lc-flyout li:hover li:hover li:hover li a,
ul#navmenu .lc-flyout li.iehover li.iehover li.iehover li a {
  background: #CCA27E;
  color: #003E67;
}

/* 4th Menu Hover */
ul#navmenu .lc-flyout li:hover li:hover li:hover li a:hover,
ul#navmenu .lc-flyout li.iehover li.iehover li.iehover li a:hover {
  background: #420904;
  color: #CCA27E;
}

ul#navmenu .lc-flyout ul,
ul#navmenu .lc-flyout ul ul,
ul#navmenu .lc-flyout ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 184px;
}

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

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


/* RightColumnNav Styles
--------------------------------------------------------*/
#RightColumnCell { background:#fff; width:14%; vertical-align:top;}
.RightColumn {}

#RightColumnCell h3 { padding:0; margin:0; text-indent:-99999px; background:url(images/design/rcHdr.gif) no-repeat; width:135px; height:88px;}
#RightColumnCell ul { padding:0; margin:5px 0 0 0; list-style:none; text-align:center;}
#RightColumnCell li { padding:0; margin:0 auto; display:block; _float:left; width:100%;}
#RightColumnCell li a { text-align:center; margin:4px 0; display:block;}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default { vertical-align:top; padding:0 0 0 5px;}

#ContentCell.default .dfFeatured { background:url(images/design/dfOverStock.gif) no-repeat top right; margin:3px 0 0 0; width:605px; float:left;}
#ContentCell.default .dfFeatured h3 { text-indent:-9999px; background:url(images/design/dfFeaturedHdr.gif) no-repeat; width:160px; height:17px; padding:0; margin:15px 10px; float:left;}
#ContentCell.default .dfFeatured .featuredPic { float:left; width:173px; height:182px; margin:10px 5px;}
#ContentCell.default .dfFeatured p { font:11px/18px Verdana, Arial, Helvetica, sans-serif; color:#000; padding:0; margin:5px 0; float:left; width:160px;}
#ContentCell.default .dfFeatured p span { font-weight:bold; color:#0e9400;} 
#ContentCell.default .dfFeatured p img { padding:0; margin:0;}
#ContentCell.default .dfFeatured #imageContainer { position:relative; float:right; width:252px; height:215px; overflow:hidden; margin:42px 0 0 0;}
#ContentCell.default .dfFeatured #imageContainer img { display:none;position:absolute;top:0; left:0; border:0; padding:0; margin:0;}

#ContentCell.default .dfGifts { float:left; margin:5px 0;}

#ContentCell.default .dfPrograms { float:left; margin:0 0 5px 0;}
#ContentCell.default .dfPrograms ul { padding:0; margin:0; list-style:none;}
#ContentCell.default .dfPrograms li { padding:0; margin:0; float:left;}
#ContentCell.default .dfPrograms li a { display:block; margin:0 3px;}

#ContentCell.default .dfMostPop { float:left;}
#ContentCell.default .dfMostPop h3 { text-indent:-99999px; padding:0; margin:3px 0; background: url(images/design/dfMostPopHdr.gif) no-repeat; width:606px; height:31px; float:left;}
#ContentCell.default .dfMostPop ul { padding:0; margin:4px 13px; list-style:none; float:left;}
#ContentCell.default .dfMostPop li { padding:0; margin:0;}
#ContentCell.default .dfMostPop li a { text-decoration:none; font:bold 11px Verdana, Arial, Helvetica, sans-serif; margin:5px 0; display:block; min-height:1em; _height:1px;
  width:120px;}
#ContentCell.default .dfMostPop li.img a { height:96px;}
#ContentCell.default .dfMostPop li.name a { color:#000;}
#ContentCell.default .dfMostPop li.price {font-weight:bold; text-decoration:line-through; color:#0e9400;}
#ContentCell.default .dfMostPop li.sale {font-weight:bold; color:#ff0000;}
#ContentCell.default .dfMostPop li.btn {}

/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static { padding:15px;}
#ContentCell.static h1 {font-size: 16px; font-weight: bold; color: #FFF; background:#00008e; padding:4px 8px; margin:3px 0 5px 0;}
#ContentCell.static h2 {font-size: 14px; font-weight: bold; color: #00008e}
#ContentCell.static h3 {font-size: 12px; font-weight: bold; color: #000}
#ContentCell.static p { font-size:11px; line-height:16px;}

#ContentCell.static table td { font:11px Verdana, Arial, Helvetica, sans-serif; padding:5px;}

#ContentCell.static table.cal {}
#ContentCell.static table.cal tr td { padding:3px; font:12px Verdana, Arial, Helvetica, sans-serif; background:#eee; width:25px; height:55px; vertical-align:top;}
#ContentCell.static table.cal tr td.header { background:#ccc; padding:10px; text-align:center; font:bold 14px Verdana, Arial, Helvetica, sans-serif; vertical-align:middle;}
#ContentCell.static table.cal tr.day td { padding:3px; font:10px Verdana, Arial, Helvetica, sans-serif; background:#ccc; height:10px; vertical-align:middle;}
#ContentCell.static table.cal tr td span { float:left; font-size:9px; font-weight:bold; margin:0 5px 5px 0;}
#ContentCell.static table.cal tr td p { font:11px Arial, Helvetica, sans-serif; color:#000;}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {background:url(images/design/ftBG.gif) no-repeat bottom right; padding:0 0 126px 0;}
#FooterCell .ftWrap {float:right; background:#fff url(images/design/ftBar.gif) no-repeat 50% 5px; padding:10px 0 5px 0; width:746px; text-align:center; font:9px Verdana, Arial, Helvetica, sans-serif;}
#FooterCell .ftWrap ul { padding:0; margin:0; list-style:none;}
#FooterCell .ftWrap li { padding:0; margin:0; display:inline; color:#000;}
#FooterCell .ftWrap li a { text-decoration:underline; color:#000; padding:0 6px 0 2px; background:url(images/design/blackNavPipe.gif) no-repeat center right;}
#FooterCell .ftWrap li a:hover { text-decoration:none;}
#FooterCell .ftWrap li#last a { background:none;}
#FooterCell .ftWrap li#first a {}
#FooterCell .ftWrap p {text-align:center;}

/* Detail Styles
--------------------------------------------------------*/
#ProductDetail21_trPrice .content {font-weight:bold; color:#f00; padding-top:10px;} /* Price */
#ProductDetail21_trCustomPrice .Content {font-weight:bold; color:#f00; padding-top:10px;} /* Sale Price */
#ProductDetail21_trCustomPrice .Content s {color:#0d8400;} /* Strike Through Price */