/* relation: stylesheet
 * media: screen
 * title: zzounds
*/
#footer { clear: both; }
.leftColumn { float: left; clear: left; display: inline; width: 22%; position: relative; margin: 0 0 0 1%; }
.rightColumn { float: left; display: inline; clear: none; width: 72%; position: relative; margin: 0 1% 0 0; padding-left: 1%; overflow: hidden; border-left: solid 2px #666666; }
.trails-gen { clear: both; margin: 0 15px 5px 15px; }
.trails-gen a { text-decoration: underline; color: rgb(0,41,145); }
.trails-gen a:hover { color: #DAA520; }
ul.trails { list-style: none; display: inline; font-size: 70%; padding: 0px; }
li.trails { display: inline; margin: 0; padding: 0 0 0 0.8em; background: url("grayGreaterThan.jpg") 0 50% white no-repeat; }
li.trails-first { display: inline; margin: 0; padding: 0; }

/*---LEFT MENU---*/
#catNavListLeftColumn { width: 100%; float: right; list-style: none; margin: 0; padding: 0; }
li.catNavListSubcat { padding: 0; margin: 0; line-height: 80%; border-top: solid 1px #666666; }
li.catNavListSubcatLeaf { margin: 0; padding: 0; line-height: 80%; border-top: solid 1px #666666; }
.catNavListSubcat a { display: block; padding: 0.45em 3%; background-color: rgb(251,248,230); text-decoration: none; font-weight: bold; font-size: 70%; color: rgb(0,41,145); }
.catNavListSubcatLeaf a { display: block; padding: 0.45em 3%; text-decoration: none; background-color: rgb(251,248,230); font-weight: bold; font-size: 70%; color: rgb(0,41,145); }
#catNavListLeftColumn a:hover { background-color: #DAA520; color: white; }
.catNavListSubSubcat { background-color: white; margin: 0; padding: 0; border-top: solid 1px #666666; }
.catNavListSubSubcat li { list-style: none; border: none; margin: 0; padding: 0; line-height: 70%; }
.catNavListSubSubcat a { background-color: white; padding: 0.35em 0 0.35em 6%; font-weight: normal; }
#seeAllCurrentCat { width: 100%; clear: both; margin: 0; padding: 0; background-color: rgb(251,248,230); border-top: solid 1px #666666; border-bottom: solid 1px #666666; }
#seeAllCurrentCat a { display: block; padding: 0.25em 2%; margin: 0; text-decoration: none; font-size: 85%; font-weight: bold; color: rgb(173,1,1); }
#seeAllCurrentCat a:hover { background-color: #DAA520; color: white; }
#customerComment {padding:68px 3px 10px 3px;margin-top:.3em; background: url("custComment.gif") no-repeat top; border-top:1px dotted; border-bottom:1px dotted; color: rgb(42,43,116); font-weight: bold; font-size: 85%; }
div.leftSideAds { margin-top: .3em; }
div.catPromoTitle { width: 100%; margin: 0 auto; padding: 0; }
div.catPromoTitle p { height: 37px; margin: 0; padding: 0; background: url("rightcolumn/top_tile2.gif") 0 0 repeat-x #FFF; }

/*---Top Promo Area---*/
div.LandingPromo{background-color:BLACK; padding:0; margin:0;text-align:center;width:100%;}
.top{width:100%; height: 37px; margin: 0; padding: 0; background-image:url"moremusicBg.gif");background-repeat:repeat-x;text-align:left;text-indent:20px;font-weight:bold;font-size:90%;color:#7d7d7d;}
.bottom{width:100%; height:28px; background-color:#ffffff;background-image: url("rightcolumn/bottom_tile.gif");background-repeat:repeat-x;background-position: top;margin:0;padding:0;}
div.LandingPromo ul{list-style:none;padding:5px 0 0 0;margin:0;text-align:center;width:100%;}
div.LandingPromo li{display:inline;padding:0;margin:0;}
div.bottomAd{clear:both;}


/*---Special Holiday Styles---*/
div.LandingPromo .topHoliday{width:100%; height: 37px; margin: 0; padding: 0; background-color:#28903a; background-image: url("rightcolumn/top_tileHoliday.gif");background-repeat:repeat-x;text-align:center;}
div.LandingPromo .bottomHoliday{width:100%; height:28px; background-color:#ffffff;background-image: url("rightcolumn/bottom_tileHoliday.gif");background-repeat:repeat-x;background-position: top;margin:0;padding:0;}

.catLeafOldSeeAll { background: url("blueLine.gif") 0 0 repeat-y; text-align: right; vertical-align: top; padding: 0; }
.catLeafOldSeeAll a, .catLeafOldSeeAll a:link, .catLeafOldSeeAll a:visited { font-family: Arial,Helvetica,sans-serif; font-size: 9px; color: #FFF; text-decoration: none; font-weight: bold; background-color: rgb(45, 43, 129); margin: 0 6px 0 0; vertical-align: top; }
ul.links { list-style:none; padding:0 0 0 10px; margin:0; text-align: left; line-height: 0.8em; }
ul.links li { margin:0; padding:0 0 0 15px; }
li.categorytext { background:url("spacer.gif") center left no-repeat; color:#606060; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; text-decoration:none; }
.sublinks { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color: #669933; text-decoration: none; display: block; }
a.sublinks:link { text-decoration: none; }
a.sublinks:hover { text-decoration: underline; }
.sublinksblue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #2D2B81; text-decoration: none; display: block; margin-bottom: 10px }
a.sublinksblue:link { text-decoration: none; _height: 1em }
a.sublinksblue:hover { text-decoration: underline; _height: 1em }
li.catheadbullet { text-align: left; background:url("catHeadBullet.gif") center left no-repeat; }
li.subcatbullet { background:url("subcatBullet.gif") center left no-repeat; }
.topcats { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bolder; color: #000066; text-decoration: none; display: block; }
a.topcats:link { text-decoration: none; _height: 1em }
a.topcats:hover { text-decoration: underline; _height: 1em }
.subcat-catreplace { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; text-transform: none; color: #606060; text-decoration: none; text-align: left; display: block; }
a.subcat-catreplace:link { text-decoration: none; _height: 1em }
a.subcat-catreplace:hover { text-decoration: underline; _height: 1em }
div#filterform { float: left; width: 98%; padding: 0 auto }
.filterform { float: left; display: inline; margin: 0.25em 0; padding: 0; font-size: 80%; }
.filterformLeft { width: 22em }
.filterformRight { width: 33em }
div#filterform > form > ul.filterformRight { width: 29.5em; }
.filterform li { height: 3em; float: left; /* for IE double margin float bug */ display: inline; margin: 0; padding: 0.2em; list-style: none; }
.filterform button { width: 7.5em; vertical-align: middle; margin: 0; padding: 0; }
.filterform select { vertical-align: middle; width: 10em; }
#categoryName { clear: both; color: black; font-size: 120%; margin: 0.5em 0.25em 0.25em 0.25em; padding: 0; font-family: arial,sans-serif;font-weight: bold; }
.icon_overlay{position:absolute;z-index: 50;top: 90px;right: 30%;}
.clearOthers { clear: left; margin: 0; padding: 0; height: 1px; overflow: hidden; }


/*---CSS FOR LARGE TOP CATEGORY PROMO---*/
#Catpromos {background: #000 url("background01.gif") repeat-x top; width: 100%; padding: 5px; float:left;}
.Catpromobg2 {background: url("yellowBackgroundBig.gif") repeat; width: 95%;padding: 10px; float:left;}
.Catpromo_white_box {background: #FFFFFF;padding: 5px;float: left; width: 98%;}
.Catpromo_white_box h3 { margin: 0; padding: 0.2em 0.5em 0 0; color: #2b2c75; font-weight: bold; font-size:100%;background-color: transparent;}
.Catpromo_white_box ul { padding: 0; margin:.3em 0 0 0;list-style: none;background-color: white;}
.Catpromo_white_box li { margin: 0; padding: 0; }
.CatProd {padding: 0 20px 10px 20px; background: #FFFFFF;text-align: center;float:left;width:100px; border: 1px solid #ccc;}
html>body .CatProd img{margin:10% auto 0 auto;}
.CatProd img{margin:20px auto 20px auto;}
.CatProd a img{border:none; margin-left:auto; margin-right:auto;}
.ProdInfo{float:right;width:70%;padding:0;margin:0;}

p.promoProdShortDescription a {font-weight:bold; text-decoration: underline; font-size: 80%; padding-bottom:10px;}
p.promoProdShortDescription {margin: .3em 10px .3em 0; font-size: 80%;float:right;width:95%;}
.promoProductInfo {width:6.5em; float:left; font-size: 140%; margin:0.6em 0.3em 3em 0}
.promoProductInfo li {xmargin-left: 3px}
.promoProdReviewInfo { clear:both; padding: 0.25em 0; margin: 5px 0; font-size: 80%; font-weight: bold; text-align: center; border-top: solid 1px #CCCCCC; }
.promoListPriceLeaf { font-size: 60%; font-weight: bold; color: black; }
.promoPriceShipDetails { float: left; margin: 0; padding: 0 0.25em 0 0; }
.promoPercentOffLeaf {margin:0; color: rgb(0,41,145); }
.promoFreeShippingLeaf {}


div.newsToggle { width: 200px; margin: 0 0 7px 0; border: solid 1px orange; background-color: cream; }
div.newsToggle a { display: block; font-size: 100%; color: #333; text-decoration: none }
div.newsToggle a:hover { background-color: #f8d626 }
div.newsToggle span { display: block; padding: 0.2em; color: #333; background-color: #FC0; font-weight: bold; border-bottom: solid 1px brown }
div.newsCategory, div.newsCategoryHome { width: 100%; float: left; margin: 0 0 7px 0; padding: 0 0 10px 0; font-family: Arial, sans-serif; background: url("news/tearHorizBotBlack-2.gif") 0 100% repeat-x #000 }
div.newsCategoryHome p.newsCategoryHeader { width: 205px; float: left; margin: 4px; /*fix IE double float margin bug*/display:inline }
div.newsCategoryHome p.newsHeaderAd { margin: 0 0 0 205px; padding: 1em 0; }
div.newsCategoryHome p.newsHeader { width: 205px; float: left; margin: 0; }
div.newsCategory div.newsCategoryHeader { width: 98%; float: left; /*fix IE double float margin bug*/display: inline; padding: 7px 1%; color: #FFF; background-color: #000 }
div.newsCategory p.newsHeader { float: left; margin: 0; padding: 0 }
div.newsCategory p.newsHeaderAd { width: 45%; margin: 0; padding: 0 10% 0 0 }
div.newsCategory p.newsHeaderAd a img { border: none }
div.newsCategory p.newsHeader span { color: #FFF; font-size: 110% }
div.newsCategoryColUni { width: 100%; }
div.newsCategoryColL { width: 52%; float: left; clear: both; background-color: #000; color: #FC3; }
div.newsCategoryColR { width: 48%; float: left; }

div.newsCategory p.brandIcon { float: right; margin: 0 0 0 5%; padding: 0; text-align: right }
div.newsCategory p.newsHeaderAd { width: 35%; float: right }
ul.newsList { clear: both; margin: 0; padding: 6px 6px 6px 12px; list-style: none; background: url("news/bkgdBig.jpg") 0 0 repeat #E9E9E9; color: #000; font-size: 70%; }
ul.newsList li { margin: 5px 0; padding: 0; }
ul.newsList a { text-decoration: none; color: #000 }
ul.newsList a:hover { text-decoration: underline; color: rgb(0,41,145) }
span.newsItemHeadline1 { font-weight: bold }

div.newsWrap1 { clear: both }
div.newsWrap1_1 { margin: 0 8px; height: 15px; background: url("news/tearHorizTop.jpg") 0 0 repeat-x }
div.newsWrap2 { background-color: #000 }
div.newsWrap2_1 { margin: 0 8px; height: 6px; background: url("news/tearHorizBot.jpg") 0 100% repeat-x }
div.newsWrap3 { padding: 0 17px 0 0; background: url("news/tearVertR.jpg") 100% 0 repeat-y }
div.newsWrap4 { padding: 0 0 0 10px; background: url("news/tearVertL.jpg") 0 0 repeat-y }

ul.newsHero { width: 100%; clear: both; margin: 0; list-style: none; border-bottom: solid 1px #CCC }
ul.newsHerovariantA { padding: 0 0 7px 0; }
ul.newsHerovariantB { padding: 0 0 7px 0; }
ul.newsHero li.newsHeroHeadline { font-size: 120%; color: #C00; font-weight: bold }
li.heroHeadlinevariantA { padding: 10px 0 0 0; }
li.heroHeadlinevariantB { padding: 2px 0 0 0; }
ul.newsHero li.newsHeroData { font-size: 80%; color: #000 }
ul.newsHero li.newsHeroHeadline a { text-decoration: none; color: #C00 }
ul.newsHero li.newsHeroHeadline a:hover { text-decoration: underline; color: #F00 }
ul.newsHero li.newsHeroData a { text-decoration: none; color: #000 }
ul.newsHero li.newsHeroData a:hover { text-decoration: underline; color: rgb(0,41,145) }
ul.newsHero li.newsHeroImg { width: 79px; height: 79px; float: left; /*fix for IE double-margin float bug */display:inline }
li.heroImgvariantA { margin: 7px }
li.heroImgvariantB { margin: 0 7px 7px 7px }
ul.newsHero li.newsHeroImg table td { width: 77px; height: 77px; text-align: center; background-color: #FFF; border: solid 1px #333 }
ul.newsHero li.newsHeroImg td a { display: block; }
/* reset values for non-IE */
ul.newsHero li.newsHeroImg td > a { height: 76px; line-height: 75px }
ul.newsHero a img { border: none; vertical-align: middle }
ul.newsHero li.clear { clear: both }

div.wrap1varantA { background-color: #000; }
div.wrap1variantB { position: relative; top: -1px; }
div.newsHeroWrap1_1 { }
div.wrap1_1variantA { height: 13px; margin: 0 10px 0 6px; background: url("news/tearTop-2-Blu.gif") 0 0 repeat-x; }
div.wrap1_1variantB { height: 15px; margin: 0 8px 0 5px; background: url("news/tearHorizTopGr.jpg") 0 0 repeat-x; }
div.wrap2variantA { background: url("news/bkgdBlue.jpg") 16px 7px repeat #E1E9FF }
div.wrap2variantB { background: url("news/bkgdLime.jpg") 12px 7px repeat #F1F4B3 }
div.newsHeroWrap3 { padding: 0 16px 0 0; background: url("news/tearVertR-2-Blu.gif") 100% 0 repeat-y; }
div.newsHeroWrap4 { padding: 0 0 0 13px; }
div.wrap4variantA { background: url("news/tearVertL-2-Blu.jpg") 0 0 repeat-y }
div.wrap4variantB { background: url("news/tearVertL-2-Gr.jpg") -3px 0 repeat-y }
div.newsHeroWrap1_2 { position: relative; top: -1px }
div.wrap1_2variantA { margin: 0 8px 0 5px; background: url("news/tearHorizBot-Blu.gif") 0 0 repeat-x; }
div.wrap1_2variantB { height: 6px; margin: 0 8px 0 3px; background: url("news/tearHorizBot-Gr.jpg") 0 0 repeat-x; }

div.newsCategoryAdWrap1 { width: 100%; position: relative; top: -9px; }
div.newsCategoryAdWrap1_1 { height: 17px; margin: 0 10px 0 3px; background: url("news/tearHorizTopBlu-2.jpg") 0 0 repeat-x; }
div.newsCategoryAdWrap1_2 { height: 11px; margin: 0 7px 0 2px; background: url("news/tearHorizBot-Blu.gif") 0 0 repeat-x }
div.newsCategoryAdWrap2 { width: 100%; background: url("news/bkgdBlue.jpg") 0 0 repeat #E1E9FF; }
div.newsCategoryAdWrap3 { padding: 0 16px 0 0; background: url("news/tearVertR-2-Blu.gif") 100% 0 repeat-y; }
div.newsCategoryAdWrap4 { padding: 0 0 0 13px; background: url("news/tearVertL-2-Blu.jpg") -2px 0 repeat-y; }
div.newsCategoryAd { width: 100%; position: relative; left: -3px; overflow: auto; text-align: center; }


ul.pagesignposts { clear: both; margin: 0; padding: 0.5em 0.5em; list-style: none; text-align: center; font-size: 80%; letter-spacing: 0.20em; vertical-align: middle; }
ul.pagesignposts li { display: inline; }
li.signPostCurrent { font-weight: bold; }
.pagesignposts a, .pagesignposts a:link, .pagesignposts a:visited { text-decoration: none; color: black; }
.pagesignposts a:hover { color: #DAA520; }
.signPostNav a, .signPostNav a:link, .signPostNav a:visited { color: rgb(0,41,145); font-weight: bold; letter-spacing: normal; }
.signPostNav a:hover { color: #DAA520; }
#subCatColumnLeft { float: left; clear: both; width: 48.0%; padding: 0.25em; }
#subCatColumnRight { float: right; clear: none; width: 49.0%; padding: 0.25em; }
.leafProdDisplayColumnLeft { float: left; width: 49.5%; }
.leafProdDisplayColumnRight { float: right; clear: none; width: 49.5%; }
.noOrderableProds { margin: 1em; padding: 0; }

.sublinksblue {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #2D2B81;text-decoration: none;display: block;margin-bottom: 10px}
a.sublinksblue:link {text-decoration: none;height: 1em}
a.sublinksblue:hover {text-decoration: underline;height: 1em}

li.categorytext{background:url("spacer.gif") center left no-repeat;color:#606060;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;}

.subCat { border:1px solid #d0d0d0; padding: 2px; margin-bottom: 10px; background:url("catBottom.gif") repeat-x;background-position: bottom;}
.subCat h2 { background: url("catHeadBg.gif") #032C92 repeat; text-align: center; margin: 0; padding: 0.25em; font-size: 90%; color: #FFF; }
.subCat h2:before { color: white; content: '::'; }
.subCat h2:after { color: white; content: '::'; }
.subCat a { text-decoration: none; color: white; font-weight: bold; font-size: 95%; }
.subCat a:hover { text-decoration:underline; }
.subCat hr{margin: 3px 0 3px 0;width: 98%; border: none 0; border-top: 1px dashed #ccc; height: 1px;}
.subCat div.left ul li.content{background-image:none !important; font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px; color:#697194; }
body>.subCat div.left{float:left; margin-top:0; padding:0;width:50%;padding:3px;}
.subCat div.left{float:left; margin-top:0; padding:0;width:45%;padding:3px;}
body>.subCat div.left ul{list-style:none;padding:0 0 0 10px; /* space before the "bullet" */margin:0;width:100%;}
.subCat div.left ul{list-style:none;padding:0 0 0 2px; /* space before the "bullet" */margin:0;width:100%;}
html>body .subCat div.left ul li{background-image: url("subcatBullet.gif"); background-position: left 25%; background-repeat:no-repeat;}
.subCat div.left ul li{background-image: url("subcatBullet.gif"); background-position: left 10px; background-repeat:no-repeat;}
html>body .subCat div.left ul li.cathead{background-image: url("catHeadBullet.gif");background-position:left 25%;background-repeat:no-repeat;}
.subCat div.left ul li.cathead{background-image: url("catHeadBullet.gif");background-position:left 8px;background-repeat:no-repeat;}
.subCat div.left ul li.sublinks{list-style:none;background-image:none !important}
.subCat div.left ul li.cathead a{font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 11px;font-weight: bolder;color: rgb(0,41,145);text-decoration: none;}
.subCat div.left ul li.cathead a:hover{text-decoration: underline;}
.subCat div.left li a.sublinks {font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 10px;color: #669933;text-decoration: none;}
.subCat div.left li a.sublinks:hover {text-decoration: underline;}
.subCat div.left li a.topcats{font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 11px;font-weight: bolder;color: #000066;text-decoration: none;}
.subCat div.left li a.topcats:hover{text-decoration: underline;}
body>.subCat div.left li a{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;color:#606060;font-weight:normal;padding-left:0;}
.subCat div.left li a{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;color:#606060;font-weight:normal;padding-left:10px;}
.subCat div.left li a:hover {text-decoration: underline;}

html>body .subCat div.right{float:right; margin-top:0; padding:10px 50px 0 0;width:20%;text-align:right;}
.subCat div.right{float:right; margin-top:0; padding:10px 10px 0 0;width:20%;text-align:right;}


.prodDisplay { float: left; width: 100%; clear: both; border-bottom: solid 1px #d0d0d0;}
.prodDisplayLeaf { width: 96%; margin: 0.25em 0.5%; padding: 0.1em 1%; border: solid 1px #CCCCCC; }
.thumbAndPromo { float: left; position: relative; width: 75px; height: 75px; margin: 0.5em; text-align: center;}
.thumbAndPromo img { border: none; }
.thumbAndPromoLeaf { width: 90px; height: 90px; position: relative; float: left; margin: 0 0.25em 0 0; padding: 0; text-align: center; }
.thumbAndPromoLeaf img { border: none; }
.promoSplash { clear: left; position: absolute; bottom: 5px; left: -7px; margin: 0; padding: 0; color: red; }
.prodInfoWrap { width: 70%; float: left }
.productName {  margin: 0; padding: 0.25em; font-size: 70%; font-weight: bold; }
.productNameLeaf { margin: 0; padding: 0.25em; font-size: 80%; font-weight: bold; }
.productName a { text-decoration: underline; color: rgb(0,41,145); }
.productNameLeaf a { text-decoration: underline; color: rgb(0,41,145); }
.productName a:hover { color: #DAA520; }
.productNameLeaf a:hover { color: #DAA520; }
.prodShortDescription { clear: both; margin: 0 0 0.5em 0; padding: 0; font-size: 75%; color: black; }
.prodShortDescription a { text-decoration: underline; font-weight: bold; color: rgb(0,41,145); }
.prodShortDescription a:hover { color: #DAA520; }
.seeAllSubcat { clear: both; width: 100%; padding: 0.5em 0 0.5em 0; text-align: center; font-size: 90%; }
.seeAllSubcat a { padding: 5px 0 5px 19px; margin: 0; background: url("blueDot.gif") 0 50% no-repeat; text-decoration: underline; line-height: 19px; color: rgb(173,1,1); font-weight: bold; font-size: 90%; }
.headingTitle { clear: both; margin: 0; padding: 0.25em; background-color: rgb(0,41,145); color: white; font-size: 85%; }
.relatedBrandsWrapper { width: 100%; float: left; background: url("onePix666666.gif") 31% 0 repeat-y; background-color: transparent; }
.relatedBrandsMetaWrapper { width: 100%; float: left; margin: 0.5em; background: url("onePix666666.gif") 62.5% 0 repeat-y; }
.relatedBrands { float: left; width: 30%; padding: 0.5em; line-height: 1.5em; font-size: 68%; font-weight: bold; }
.relatedBrands dl { float: left; width: 100%; clear: both; margin: 0; padding: 0.25em 0; line-height: 1.0em; }
.relatedBrands dt { width: 30%; float: left; margin: 0; padding: 0; text-align: right; }
.relatedBrands dd { width: 62%; float: right; clear: none; margin: 0; padding: 0 0 0 5%; background: url("goldGreaterThan.gif") 0 0.3em no-repeat; }
.relatedBrands a { color: rgb(0,41,145); text-decoration: none; }
.relatedBrands a:hover { color: #DAA520; }