/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html { background:url(/assets/img/background-repeat.png) repeat; }
body { background:url(/assets/img/background.jpg) no-repeat top center; font:13px/1em Georgia, serif; }
h1, h2, h3, h4, h5, h6 { font:bold 1em/1em Gotham, Helvetica, Arial, sans-serif; }
p { line-height:1.15em; margin-bottom:0.75em; }
hr { border:none; border-bottom:1px solid #b3b3b3; display:block; height:1px; margin:10px 0; padding:0; position:relative; }
strong { font-weight:bold; }
.left { float:left; }
.right { float:right; }
.column { float:left; margin-right:4%; width:45%; }
ul.bulleted li { list-style:disc outside; margin-bottom:1.25em !important; margin-left:20px; }

#page { margin:0 auto; width:976px; }
#page #branding { height:94px; position:relative; }
#page #branding a.home,
#page #branding h1 a.home { background:url(/assets/img/branding/hix-brothers.jpg) no-repeat 0 0; display:block; float:left; font-size:1px; height:94px; left:7px; margin:0; overflow:hidden; padding:0; position:absolute; text-indent:-5000px; top:0; width:208px; }
* html #page #branding h1 a.home { margin-left:1px; }
#page #branding h1 { display:block; float:left; height:94px; position:relative; width:208px; }

#page #nav-utility { background:#fff; border:5px solid #8cacb2; float:right; margin-top:4px; overflow-y:auto; padding:0 8px; }
#page #nav-utility ul { overflow-y:auto; }
#page #nav-utility ul li { background:url(/assets/img/nav/utility-separator.png) no-repeat right center; float:left; padding-right:2px; zoom:1; }
#page #nav-utility ul li:last-child { background:none; padding-right:0; }
#page #nav-utility ul li.last-child { background:none; padding-right:0; }
#page #nav-utility ul li a { color:#000; font:bold 10px/23px Helvetica, Arial, sans-serif; padding:0 7px; text-decoration:none; text-transform:uppercase; zoom:1; }


#page #nav-primary { background:#000; overflow:auto; padding-left:110px; }
#page #nav-primary ul { background:url(/assets/img/nav/primary-background.png) no-repeat 0 0; overflow-y:auto; zoom:1; }
#page #nav-primary ul li { background:url(/assets/img/nav/primary-separator.png) no-repeat right center; float:left; padding-right:1px; zoom:1; }
#page #nav-primary ul li:last-child { background:none; padding-right:0; }
#page #nav-primary ul li.last-child { background:none; padding-right:0; }
#page #nav-primary ul li a { color:#fff; display:block; font:bold 12px/41px Helvetica, Arial, sans-serif; padding:0 30px; text-decoration:none; text-transform:uppercase; }


#page #content { margin-bottom:16px; }
#page #content h2 { color:#000; font-size:17px; margin-bottom:23px; text-transform:uppercase; }
#page #content h3 { font-size:14px; margin-bottom:10px; }

#page #content div.section { margin-bottom:5px; }
#page #content div.section div.top { display:block; height:9px; }
#page #content div.section div.bottom { display:block; height:9px; }
#page #content div.section div.middle { padding:0 8px; }
#page #content div.section div.middle div.section-content { background:#fff; overflow-x:hidden; overflow-y:auto; padding:20px; zoom:1; }

#page #content div.section img.left { margin-right:25px; }
#page #content div.section img.right { margin-left:25px; }
#page #content div.section a { color:#000; }
#page #content div.section a.arrow { background:url(/assets/img/content/anchor-arrow-black.png) no-repeat 0 5px; padding-left:10px; text-decoration:none; }
#page #content div.section a.arrow-strong { background:url(/assets/img/content/anchor-arrow-strong-black.png) no-repeat 0 5px; font-weight:bold; padding-left:10px; text-decoration:none; }


#page #content-primary { float:left; width:580px; }

#page #content-primary #content-hero h2 { height:132px; margin-bottom:0; overflow:hidden; text-indent:-5000px; }
#page #content-primary #content-hero ul.ads { background:url(/assets/img/content/hero-ads-background.png) no-repeat left bottom; min-height:125px; overflow-y:auto; zoom:1; }
#page #content-primary #content-hero ul.ads li { float:left; font-size:11px; margin-right:11px; min-height:92px; padding:7px 12px; position:relative; width:146px; }
#page #content-primary #content-hero ul.ads li:last-child { margin-right:0; }
#page #content-primary #content-hero ul.ads li.last-child { margin-right:0; }
#page #content-primary #content-hero div.middle div.section-content { background:#9cbfc6 url(/assets/img/content/hero-background.png) no-repeat 0 0; padding:0 14px 10px 17px; }
#page #content-primary ul li { margin-bottom:0.25em; }

#page #content-primary div.section div.top { background:url(/assets/img/content/primary-section-top.png) no-repeat 0 0; width:580px; }
#page #content-primary div.section div.middle { background:url(/assets/img/content/primary-section-middle.png) repeat-y 0 0; width:564px; }
#page #content-primary div.section div.bottom { background:url(/assets/img/content/primary-section-bottom.png) no-repeat 0 0; width:580px; }
* html #page #content-primary div.section div.top { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/content/primary-section-top.png', sizingMethod='scale'); }
* html #page #content-primary div.section div.middle { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/content/primary-section-middle.png', sizingMethod='scale'); }
* html #page #content-primary div.section div.bottom { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/content/primary-section-bottom.png', sizingMethod='scale'); }


#page #content-secondary { float:right; width:392px; }
#page #content-secondary ul { clear:both; }

#page #content-secondary div.section div.top { background:url(/assets/img/content/secondary-section-top.png) no-repeat 0 0; width:392px; }
#page #content-secondary div.section div.middle { background:url(/assets/img/content/secondary-section-middle.png) repeat-y 0 0; width:376px; }
#page #content-secondary div.section div.bottom { background:url(/assets/img/content/secondary-section-bottom.png) no-repeat 0 0; width:392px; }
* html #page #content-secondary div.section div.top { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/content/secondary-section-top.png', sizingMethod='scale'); }
* html #page #content-secondary div.section div.middle { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/content/secondary-section-middle.png', sizingMethod='scale'); }
* html #page #content-secondary div.section div.bottom { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/content/secondary-section-bottom.png', sizingMethod='scale'); }


#page #content-secondary #nav-shopping h3 { background:url(/assets/img/content/anchor-arrow-strong-black.png) no-repeat 8px 8px; clear:both; float:left; margin:0 0 0 -8px; padding:3px 8px 3px 16px; position:relative; }
* html #page #content-secondary #nav-shopping h3 { left:8px; }
#page #content-secondary #nav-shopping h3 a { text-decoration:none; }
#page #content-secondary #nav-shopping div.middle div.section-content { background:#fff url(/assets/img/content/section-first-child-background.png) repeat-x 0 0; }

#page #content-secondary #nav-shopping ul { zoom:1; }
#page #content-secondary #nav-shopping ul li.column { float:left; padding-right:2px; width:145px; }
#page #content-secondary #nav-shopping ul li.column ul { border-bottom:1px solid #b3b3b3; margin-bottom:12px; padding-bottom:6px; zoom:1; }
#page #content-secondary #nav-shopping ul li.column ul li { zoom:1; }
#page #content-secondary #nav-shopping ul li.column ul li a { background:url(/assets/img/content/anchor-arrow-black.png) no-repeat 0 8px; display:block; font-size:12px; padding:4px 0 4px 8px; text-decoration:none; zoom:1; }
#page #content-secondary #nav-shopping .sound-reinforcement,
#page #content-secondary #nav-shopping .guitars { background-color:#ffff00; }
#page #content-secondary #nav-shopping .other-instruments,
#page #content-secondary #nav-shopping .drums-and-percussion { background-color:#eca27e; }
#page #content-secondary #nav-shopping .amplifiers,
#page #content-secondary #nav-shopping .value-packs { background-color:#9cbfc6; }
#page #content-secondary #nav-shopping .multi-track-recorders { background-color:#957eaa; }
#page #content-secondary #nav-shopping form { float:right; }
#page #content-secondary #nav-shopping form label { font:bold 14px/14px Gotham, Helvetica, Arial, sans-serif; padding:4px 10px 2px 0; }
#page #content-secondary #nav-shopping form select,
#page #content-secondary #nav-shopping form option { font-size:10px; }

#page #content-tertiary { clear:both; }

#page #footer { clear:both; color:#333; padding-bottom:10px; text-align:center; text-transform:uppercase; }

#page #footer div.brand-names { margin-bottom:30px; }
#page #footer div.brand-names p { font-weight:bold; }
#page #footer div.brand-names ul li { color:#666; line-height:17px; text-decoration:none; background:url(/assets/img/nav/brand-names-separator.png) no-repeat right center; display:inline; padding:0 8px 0 5px; }
#page #footer div.brand-names ul li:last-child { background:none; padding-right:5px; }
#page #footer div.brand-names ul li.last-child { background:none; padding-right:5px; }
#page #footer div.brand-names ul li a { color:#666; line-height:17px; text-decoration:none; }

#page #footer .copy { color:#000; text-align:left; text-transform:none; }

#page #footer #nav-supplemental { margin-bottom:28px; text-align:center; }
#page #footer #nav-supplemental ul li { background:url(/assets/img/nav/supplemental-separator.png) no-repeat right center; display:inline; padding-right:8px; }
#page #footer #nav-supplemental ul li:last-child { background:none; padding-right:0; }
#page #footer #nav-supplemental ul li.last-child { background:none; padding-right:0; }
#page #footer #nav-supplemental ul li a { color:#000; padding-left:6px; text-decoration:none; }

/* LAYOUTS */
/* Home */
#page.home #content-tertiary div.section div.top { background:url(/assets/img/content/tertiary-section-top.png) no-repeat 0 0; width:976px; }
#page.home #content-tertiary div.section div.middle { background:url(/assets/img/content/tertiary-section-middle.png) repeat-y 0 0; width:960px; }
#page.home #content-tertiary div.section div.bottom { background:url(/assets/img/content/tertiary-section-bottom.png) no-repeat 0 0; width:976px; }
* html #page.home #content-tertiary div.section div.top { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/content/tertiary-section-top.png', sizingMethod='scale'); }
* html #page.home #content-tertiary div.section div.middle { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/content/tertiary-section-middle.png', sizingMethod='scale'); }
* html #page.home #content-tertiary div.section div.bottom { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/content/tertiary-section-bottom.png', sizingMethod='scale'); }

#page.home #content-tertiary #more-at-hix div.middle div.section-content { background:#fff url(/assets/img/content/more-at-hix-filigree.png) no-repeat right bottom; padding-bottom:76px; }
#page.home #content-tertiary #more-at-hix div.middle div.section-content ul { background:url(/assets/img/content/more-at-hix-background.png) no-repeat left bottom; overflow:auto; zoom:1; }
#page.home #content-tertiary #more-at-hix div.middle div.section-content ul li { float:left; margin-right:20px; padding:17px 17px 50px 17px; width:134px; zoom:1; }
#page.home #content-tertiary #more-at-hix div.middle div.section-content ul li.latest-news { color:#fff; }
#page.home #content-tertiary #more-at-hix div.middle div.section-content ul li.latest-news a.arrow-strong { background-image:url(/assets/img/content/anchor-arrow-strong-white.png); color:#fff; }
#page.home #content-tertiary #more-at-hix div.middle div.section-content ul li:last-child { margin-right:0; }
#page.home #content-tertiary #more-at-hix div.middle div.section-content ul li.last-child { margin-right:0; }

/* Content */
#page.content #content-primary img.main { display:block; }
#page.content #content-primary h1 { background:url(/assets/img/content/h2-background.gif) no-repeat 0 0; color:#957eaa; font:25px Georgia,serif; min-height:30px; margin-bottom:13px; padding:20px 0 0 10px; text-transform:none; width:517px; }
* html #page.content #content-primary h1 { height:30px; }	/* IE6 min-height */
#page.content #content-primary div.button-bookmark { clear:both; margin-bottom:13px; text-align:right; }
#page.content #content-primary div.section div.middle div.section-content { background:#fff url(/assets/img/content/filigree.png) no-repeat right bottom; padding-bottom:76px; }
#page.content #content-primary div.section div.middle div.nav-shadow { background:url(/assets/img/content/section-first-child-background.png) repeat-x 0 0; height:12px; position:absolute; width:564px; z-index:999; }
#page.content #content-secondary #promos.section li { margin-bottom:20px; padding:15px 20px; }
#page.content #content-secondary #promos.section li.amp { background:#9cbfc6 url(/assets/img/content/promo-amp.gif) no-repeat right bottom; padding-bottom:34px; }
#page.content #content-secondary #promos.section li.guitar { background:#e68252 url(/assets/img/content/promo-guitar.gif) no-repeat right bottom; padding-bottom:34px; }
#page.content #content-secondary #promos.section li.snare { background:#e5cf00 url(/assets/img/content/promo-snare.gif) no-repeat right bottom; padding-bottom:34px; }

