/* Custom CSS Document for Hat Monster
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

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

/* Global styles
--------------------------------------------------------*/
body {background:#000 url(images/body-bg.jpg) repeat-x top; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
#PageTable {width:100%;}
#PageSubTable {width:981px; margin:0 auto;} /*left column shadow*/
#Form2 {margin:0; padding:0}
#ContentCell {background:#dddddd; padding:0px}

/* Instructions */
.Instructions {color:#000;}
#Instruction1_InstructCell {background:#f3f3f3; border:1px solid #ccc; padding:7px; font-size:11px;}
#Instruction1_InstructCell a {color:#000000; text-decoration:underline;}
#Instruction1_InstructCell a:hover {text-decoration:none; color: orange;}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {font-size:11px; padding:7px 0; color:#000;}
#BreadCrumbs1_BreadCrumbs1 a {color:#000000; text-decoration:underline;}
#BreadCrumbs1_BreadCrumbs1 a:hover {text-decoration:none;}

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

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

/* Form Elements */
#Form2 .Content input,
#Form2 .Content select {color:#000;}

/* Content Tables */
.ContentTableHeader,
.ContentTable, 
.ContentTableHorizontal {font-size:14px; font-weight:bold; color:#fff; background:#999;}

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

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings,
.CenterHeadings,
.subHeadings,
#ContentCell h1 {font-size:18px; font-weight:bold; color:#000; margin:5px 0 10px 0; padding:5px 0; width:100%; }
#ContentCell h2 {font-size:16px; font-weight:bold; color:#000; margin:5px 0; padding:5px 0; border-bottom:1px solid #ccc;}
#ContentCell h3 {font-size:14px; font-weight:bold; color:#000; margin:0; padding:0;}
.Content {line-height:18px; font-size:12px; color:#000; text-align:left;}
.Content a {color:orange; text-decoration:underline;}
.Content a:hover {text-decoration:none;}
#ContentCell p {font-size:12px; margin:5px 0 10px 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 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,
#FooterCell ul li {list-style:none; float:left;}

/* TopBanner Styles
--------------------------------------------------------*/

/* #TopBannerCell .wrap {background:url(images/bn-bg.gif) repeat-x top; width:1040px;  margin:0; padding:0; border-bottom:0px;} /*height=122 border-bottom:5px solid #760d11*/
/* #TopBannerCell {background:url(images/bn-bg.gif) repeat-y top right; padding:0 0 0 0px; vertical-align:bottom;}  /*black wishlist, giftcard, help, checkout*/


#TopBannerCell .float-left img {margin:0 0 0 35px; padding:0;}
#TopBannerCell .float-right {width:399px; height:120px; align:left;}

#TopBannerCell .float-right ul.cartnav {width:auto; height:17px; margin:105px 0 0 0; padding-left:18px; background:url(images/bn-acct-left.png) no-repeat left;}
#TopBannerCell .float-right ul.cartnav li {background:url(images/bn-acct-bg.jpg) repeat-x; height:17px; line-height:17px;}
#TopBannerCell .float-right ul.cartnav li.first a {padding:0;}
#TopBannerCell .float-right ul.cartnav li a {color:#fff; font-size:14px; font-weight:bold; text-decoration:none; padding:0 5px 0 13px;}
#TopBannerCell .float-right ul.cartnav li a:hover {text-decoration:underline;} /*height of image banner */

/* Cart Styles */
#TopBannerCell .float-right ul.shopcart {width:220; float:right; height:29px; padding:0 5px 0 0; margin:0 5px 0 0;}
#TopBannerCell .float-right ul.shopcart li {padding:0 0 0 5px; font-size:14px; font-weight:bold; color:#fff; height:29px; line-height:29px;}
#TopBannerCell .float-right ul.shopcart li a {color:#fff; font-size:14px; font-weight:bold; text-decoration:none;}
#TopBannerCell .float-right ul.shopcart li a:hover {text-decoration:underline;}
#TopBannerCell .float-right ul.shopcart li.items {padding:0 0 0 8px;}
#TopBannerCell .float-right ul.shopcart li.pipe {}
#TopBannerCell .float-right ul.shopcart li.total {}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell { padding:0 9px; height:32px; vertical-align:top;} 
#TopSubBannerCell .wrap {background:url(images/bn-search-bg2.gif); width: 100%; height:32px;} /* repeat-x right; */


/* Search Styles */
.search {width:800px; float:left; margin:0 0 0 15px;} /* set width */
ul.searchWrap {line-height:100%;} /* for IE/FireFox consistency */
ul.searchWrap li {} /* set height of list items */
ul.searchWrap li a {}
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 */
ul.searchWrap li.button {}
ul.searchWrap li.textbox {padding-top:5px;}
ul.searchWrap li.textbox .searchbox{width:113px; height:18px; background:#fff; padding:3px 0 0 3px; font:normal 12px Arial, Helvetica, sans-serif;}
ul.searchWrap li.head {text-indent:-9999px; background:url(images/search.gif) no-repeat 0 40%; width:58px; height:32px;}

/* RightColumnNav Styles
--------------------------------------------------------*/
/*#RightColumnCell {width:1%; vertical-align:top; background:url(images/body-bg.jpg) repeat-y top right;} */
#RightColumnNav1_custommenu {width:9px;} 

/* LeftColumnNav Styles
--------------------------------------------------------*/
#bigsize{ margin-left: 50px;}
#LeftColumnCell {width:1%; vertical-align:top; height:100%;}
#LeftColumnNav1_custommenu {width:225px; height:100%;}
#LeftColumnNav1_custommenu .wrap {margin:0 0 0 9px; height:100%; background:#939393 url(images/lc-navbg1.gif) repeat-x top;}/* color to control nav box*/

#LeftColumnCell .menu {}

#LeftColumnCell .shape {}
#LeftColumnCell .size .float-left {width:118px; padding:0 0 0 10px}
#LeftColumnCell .size .float-left select {width:100px;}
#LeftColumnCell .size .float-right {padding:10px 10px 10px 0; width:30px;}

#LeftColumnCell .small-head {font-weight:bold; font-size:14px; color:#252521; height:32px; line-height:32px; text-indent:10px;}
#LeftColumnCell .size .float-left .small-head {text-indent:0px; text-transform: uppercase;}
#LeftColumnCell .shape table {background:url(images/lc-shape-bg.jpg) repeat-x bottom; margin:0; width:100%;}

#LeftColumnCell .head a {font-size:18px; font-weight:bold; color:#252521; height:33px; line-height:33px; width:auto; background:url(images/lc-blue-bg.gif) repeat-x top; text-decoration:none; display:block; padding:0 0 0 8px;} /* lc-navbg; font color */
#LeftColumnCell .new a {color:#fff; text-transform:uppercase; background:url(images/bn-search-bg2.gif) repeat-x top;}
#LeftColumnCell .head a:hover {color:#F1F1F1;}
#LeftColumnCell .new a:hover {color:#fff;}
#LeftColumnCell .sale a {color:#66bfeb;}

#LeftColumnCell ul.street {margin:3px 0 7px 20px; padding:0;}
#LeftColumnCell ul.street li {list-style:none;}
#LeftColumnCell ul.street li a {color:#252521; font-size:14px; font-weight:bold; text-decoration:none; text-transform: uppercase;}
#LeftColumnCell ul.street li a:hover {color:#F1F1F1;}

#LeftColumnCell ul.college {float:left; margin:3px 0 7px 15px; padding:0; width:auto;}
#LeftColumnCell ul.college li {list-style:none; float:left;}
#LeftColumnCell ul.college li a {color:#252521; font-size:18px; float:left; display:block; width:25px; height:auto; font-weight:bold; text-decoration:none;  text-transform: uppercase;}
#LeftColumnCell ul.college li a:hover {color:#F1F1F1;}

#LeftColumnCell table {font-size:12px; font-weight:bold; margin:0 0 0 10px; width:auto;}
#LeftColumnCell table td {padding:5px;}
#LeftColumnCell table a {color:#252521; text-decoration:none;  text-transform: uppercase;}
#LeftColumnCell table a:hover {color:#F1F1F1;}

#LeftColumnCell ul.american {margin:3px 0 7px 20px; padding:0;}
#LeftColumnCell ul.american li {list-style:none;}
#LeftColumnCell ul.american li a {color:#252521; font-size:14px; font-weight:bold; text-decoration:none;  text-transform: uppercase;}
#LeftColumnCell ul.american li a:hover {color:#F1F1F1;}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {}

#ContentCell.default .main {border:none; padding: 0; margin: 0; }
#ContentCell.default .main img {margin-bottom:0px;}
#ContentCell.default .main img {border:none; padding: 0px; }
#ContentCell.default .sub {float:left; width:100%; height:auto; margin:0px 0; }

#ContentCell.default ul.item {font-size:18px; font-weight:normal; float:left; margin:0; padding:0; width:195px; height:250px; border-right:1px solid #000;}
#ContentCell.default ul.last {border:none;}
#ContentCell.default ul.item li {list-style:none; width:100%; text-align:center;}
#ContentCell.default ul.item li.view {font-size:14px; text-decoration: underline;}
#ContentCell.default ul.item li.offer {color:#000; font-size:14px; font-weight:bold;}
#ContentCell.default ul.item li a {color:#000; text-decoration:none;}
#ContentCell.default ul.item li a:hover {color:#7F1F1F1;}

/* Static Page Styles
--------------------------------------------------------*/


/* Footer Styles
--------------------------------------------------------*/
#FooterCell {padding:0 9px;}
#FooterCell p {text-align:center; font-weight:bold; font-size:12px; line-height:23px; color:#fff;}
#FooterCell a {color:#fff; text-decoration:none; padding:0 8px;}
#FooterCell a:hover {text-decoration:underline;}

/* Detail Styles
--------------------------------------------------------*/
#ProductDetail21_Swatches_ProductImageLink img {margin:0 0px 0 0;}