/**** Import CSS ****/
@import url("haType.css");

/**** Reset ****/
body,  div,  dl,  dt,  dd,  ul,  ol,  li, pre,  form, fieldset, input, p, blockquote, th, td{margin: 0; padding: 0;}
h1,  h2,  h3,  h4,  h5,  h6{margin: 0; padding: 0}
ol, ul{list-style: none;}
table{border-collapse: collapse; border-spacing: 0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style: normal; font-weight: normal;}
img{border: 0;}
caption, th{text-align: left;}
q:before, q:after{content: '';}
a:link, a:visited, a:hover, a:active{outline: none;}

/**** Center Content at 800px ****/
html{background-color: #19191b; color: #888889; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: center;}

/**** Main Background ****/
#mainBG{background: url(/images/mainBG.jpg) no-repeat; margin: 0 auto; padding: 20px 0 0 115px; text-align: left; width: 885px;}

/**** masthead ****/
#masthead{height: 134px; width: 772px;}

/**** mastheadLinks ****/
#mastheadLinks{float: right; margin-top: 18px;}

/**** logo ****/
#logo{ float: left; height: 134px; width: 316px;}

/**** mastheadMenu ****/
#mastheadMenu{float: right; text-decoration: none;}
#mastheadMenu a{text-decoration: none;}
#mastheadMenu a i{visibility: hidden;}
#mastheadMenu li{float: left;}

/**** mastheadMenu items ****/
a#newsletter{background-image: url(/images/newsletterButton.png); height: 34px; display: block; width: 202px;}
a#newsletter:hover{background-image: url(/images/newsletterButton.png); background-position: 0 -34px; background-repeat: no-repeat; display: block; height: 34px; width: 202px;}
a#search{background-image: url(/images/searchButton.png); display: block; height: 34px; width: 72px;}
a#search:hover{background-image: url(/images/searchButton.png); background-position: 0 -34px; background-repeat: no-repeat; display: block; height: 34px; width: 72px;}

/**** shoppingCart ****/
#shoppingCart{float: right; height: 34px; width: 172px;}

/**** mainNav ****/
#mainNav{background: url(/images/mainNavBG.png); width: 772px; height: 54px; margin-top: 5px;}

/**** mainNavMenu ****/
#mainNavMenu{padding: 18px 0 0 4px; text-decoration: none;}
#mainNavMenu a{text-decoration: none;}
#mainNavMenu a i{visibility: hidden;}
#mainNavMenu li{float: left;}

/**** breadcrumbs ****/
#breadcrumbsList li{float: left;}
#breadcrumbsLeft{width: 9px; height: 27px; background-image: url(/images/breadcrumbsLeft.png);}
* html #breadcrumbsLeft{background-color: transparent; width: 9px; height: 27px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/breadcrumbsLeft.png", sizingMethod="crop");}
#breadcrumbsMid{height: 21px; background: url(/images/breadcrumbsMid.png) repeat-x; padding-top: 6px;}
#breadcrumbsRight{width: 17px; height: 27px; background-image: url(/images/breadcrumbsRight.png);}
* html #breadcrumbsRight{background-color: transparent; width: 17px; height: 27px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/breadcrumbsRight.png", sizingMethod="crop");}

/**** breadcrumbsActive ****/
#breadcrumbsActiveLeft{width: 9px; height: 27px; background-image: url(/images/breadcrumbsActiveLeft.png);}
* html #breadcrumbsActiveLeft{background-color: transparent; width: 9px; height: 27px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/breadcrumbsActiveLeft.png", sizingMethod="crop");}
#breadcrumbsActiveMid{height: 21px; background: url(/images/breadcrumbsActiveMid.png) repeat-x; padding-top: 6px;}
#breadcrumbsActiveRight{width: 17px; height: 27px; background-image: url(/images/breadcrumbsActiveRight.png);}
* html #breadcrumbsActiveRight{background-color: transparent; width: 17px; height: 27px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/breadcrumbsActiveRight.png", sizingMethod="crop");}

/**** subContent ****/
#subContent{background: url(/images/subContentBG.png) top no-repeat; float: left; padding: 20px; width: 239px;}

/**** mainContent ****/
#mainContent{float: left; width: 478px;}

/**** clothingContent ****/
#clothingContentTop{background: url(/images/clothingContentTop.png); height: 20px; width: 770px;}

/**** storeContent ****/
#storeContentTop{background: url(/images/storeContentTop.png); height: 320px; padding: 20px 20px 0 20px; width: 730px;}
#storeContentMid{background: url(/images/storeContentMid.png) repeat-y; padding: 0 20px 0 20px; width: 730px;}
#storeContentBot{background: url(/images/storeContentBot.png); height: 20px; width: 770px;}

/**** newsMain ****/
#newsMain{float: left; width: 436px;}

/**** newsSub ****/
#newsSub{float: left; width: 279px;}

/**** flashMenu ****/
#flashMenu{background: url(/images/flashMenuBG.png); height: 279px; padding: 10px 0 0 10px; width: 468px;}

/**** featuredClothing ****/
#featuredClothing{background: url(/images/featuredClothingBG.png) no-repeat; width: 478px; padding-top: 20px; padding-left: 20px;}

/**** clothingContent ****/
#clothingContent{background: url(/images/clothingContentBG.jpg) no-repeat top; float: left; padding: 20px; width: 430px;}

/**** clothingList ****/
.clothingList{clear: both;}
.clothingList li{float: left; color: #888889; margin-right: 14px; width: 168px;}

/**** clothing ****/
#clothingGallery{float: left ;width: 240px;}
#clothingLargeImage{background: url(/images/goon/goonLargeBlack.jpg); height: 233px; width: 240px;}

/**** newsList ****/
.newsList{clear: both;}
.newsList li.date{float: left; margin-right: 15px; width: 51px;}
.newsList li.story{float: left; color: #888889; width: 369px;}
.frontNewsWidth{width: 283px;}

/**** Divides ****/
.dottedDivide{border-bottom: 1px dotted #29292B; padding-bottom: 25px; margin-bottom: 25px;}

/**** clothingList ****/
#spacerDiv{height: 30px;}

/**** input classes ****/
#buyMenu li{float: left;}

/**** footer ****/
#footer{background: url(/images/footerBG.png) no-repeat; color: #51555a; font: 11px Arial, Helvetica, sans-serif; height: 44px; margin-bottom: 20px; padding: 10px 10px 0 10px; width: 752px;}

/**** Image Classes ****/
.clothingImage{border: 1px solid #7d7d7f;}