* { margin: 0; padding: 0; list-style-type: none; }
body { font: 76% Arial, Verdana, "Trebuchet MS", Tahoma, Sans-serif; color: #333; background: #000 url(/images/bgrounds/body.jpg) no-repeat 50% 0; }
.clear { height: 0px; line-height: 0; clear: both; font-size: 0px; }
a { font-size: 1em; }
a:link { color: #ca212a; text-decoration: underline; }
a:visited { color: #ca212a; text-decoration: underline; }
a:hover { color: #ca212a; text-decoration: none; }
a:active { color: #ca212a; text-decoration: underline; }
a.external { background:transparent url(/images/icons/external.png) no-repeat scroll right center; padding-right:13px; }
#content ul { margin: 0 0 1em 5px; position: relative; }
#content ul li { margin: 0 0 .4em 0; padding: 0 0 0 20px; background: url(/images/icons/bullet.gif) no-repeat 4px 4px; }
#content ol { margin: 0 0 1em 25px; }
#content ol li { list-style-type: decimal; margin: 0 0 .4em 0; }
p, table, td, p a, li a, table a, dl a { font-size: 1em; }
img { border: 0; }
.img-l, .left_aligned_image_margin, .left_aligned_image_margin_and_border { margin: 0 10px 10px 0; float: left; }
.img-r, .right_aligned_image_margin, .right_aligned_image_margin_and_border { margin: 0 0 10px 10px; float: right; }
.img-c { margin-left: 0px; margin-bottom: 10px }
.img-bdr, .image_border, .right_aligned_image_margin_and_border, .left_aligned_image_margin_and_border { padding: 1px; border: 1px solid #dddddd; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0 0 .5em 0; color: #ca212a; }
#home h1 { margin-bottom: 0.5em; }
h1 { font-size: 1.4em; font-weight: normal; line-height: 1.3; }
h2 { font-size: 1.1em; color: #333; }
h3 { font-size: 1em; color: #6aa0ce; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
h1 span, h2 span, h3 span { display: none; }
p { margin: 0 0 1em 0; }
hr { height: 1px; border-width: 0; border-top: 1px solid #dddddd; background-color: #fff; margin: 1em 0 !important; margin: 0; }


#container { margin: 0 auto; width: 860px; background-color: #fff; padding: 0 10px 10px 10px; text-align: left; }
#header { position: relative; width: 860px; height: 445px; background: #C5D6C4 url(/images/bgrounds/header.jpg) no-repeat; }
#header .logo { position: absolute; left: 36px; top: 0px; }
.generalnav { position: relative; text-align:right; width: 860px; height: 243px; }
#footer .generalnav { text-align: left; height: 25px; }
.generalnav ul { top: 217px; right: 3px; position: absolute; height: 25px; }
#footer .generalnav ul { top: 5px; right: auto; left: 30px; }


.generalnav li { float: left; text-align: center; }
.generalnav li a.current, .generalnav li a.current:link, .generalnav li a.current:visited, .generalnav li a.current:hover, .generalnav li a.current:active { font-weight: bold;  }
.generalnav li a, .generalnav li a:link, .generalnav li a:visited, .generalnav li a:active { padding: 3px 9px 3px 13px; display: block; /*if require background-changing, remove from LI and remove floating on footer*/ font-weight: normal; font-size:14px; color: #fff; text-decoration: none; background: url(/images/bgrounds/nav.gif) no-repeat left 50%; }
.generalnav li.home a, .generalnav li.home a.first, .generalnav li.home a.first, .generalnav li.home a.first { background: none; }
.generalnav li a:hover { color:#D95936;}


#catnav { width: 860px; height: 101px; overflow:hidden; }
#catnav ul { width: 851px;/* 860 */ height: 101px; padding: 0 0 0 9px; }
#catnav li { float: left; display: inline; width: 158px; height: 101px; margin-right: 13px; }
#catnav li.vieworchestral { margin: 0; }
#catnav img { margin: 0 0 10px 0; border: 1px solid #C5D6C4; }
#catnav a:hover img { border: 1px solid #D95936; }
#catnav a, #catnav a:link, #catnav a:visited, #catnav a:active { text-decoration: none; display: block; width: 158px; height: 101px; background: url(/images/text/view-guitars.gif) no-repeat 1px 67px; }
#catnav li.viewpianos a, #catnav.viewpianos a:link, #catnav.viewpianos a:visited, #catnav.viewpianos a:active { background-image: url(/images/text/view-pianos.gif); }
#catnav li.viewkeyboards a, #catnav.viewkeyboards a:link, #catnav.viewkeyboards a:visited, #catnav.viewkeyboards a:active { background-image: url(/images/text/view-keyboards.gif); }
#catnav li.viewproaudio a, #catnav.viewproaudio a:link, #catnav.viewproaudio a:visited, #catnav.viewproaudio a:active { background-image: url(/images/text/view-pro-audio.gif); }
#catnav li.vieworchestral a, #catnav.vieworchestral a:link, #catnav.vieworchestral a:visited, #catnav.vieworchestral a:active { background-image: url(/images/text/view-orchestral.gif); }
#catnav a:hover { background-image: url(/images/text/view-guitars-over.gif); }
#catnav li.viewpianos a:hover { background-image: url(/images/text/view-pianos-over.gif); }
#catnav li.viewkeyboards a:hover { background-image: url(/images/text/view-keyboards-over.gif); }
#catnav li.viewproaudio a:hover { background-image: url(/images/text/view-pro-audio-over.gif); }
#catnav li.vieworchestral a:hover { background-image: url(/images/text/view-orchestral-over.gif); }
#catnav a span { text-indent: -9000px; overflow: hidden; display: block; }


#brandnav { width: 860px; height: 98px; border-top: 1px solid #fff; background: url(/images/bgrounds/brandnav.jpg) no-repeat; position: relative; }
#brandnav h2 { background: url(/images/text/browse-brands.gif) no-repeat; width: 52px; height: 24px; position: absolute; left: 9px; top: 38px; }


#main { overflow: hidden; width: 860px; }
#main-l, #main-r { float: left; display: inline; }
#main-l { padding: 10px 20px 0 0px; line-height: 1.4; width: 677px; }
#main-r { padding: 10px 0 10px 0; width: 163px; }

.home-l { float: left; display: inline; margin-right: 6px; }
#leftcol h2 { width: 156px; height: 62px; background: url(/images/text/search-products.gif) no-repeat; margin-bottom: 0; }
#leftcol form { background: #000 url(/images/bgrounds/search.gif) no-repeat bottom left; padding: 0 16px 20px 16px; }
#leftcol label, .search label { color: #fff; font-size: .9em; }
#leftcol input, .search input { width: 100px; border: 1px solid #999; margin-bottom: 5px; padding: 3px; font-size: .9em; }
#leftcol input.button, .search input.button { border: none; width: auto; }


.search { margin-left: 0; height: 140px; width: 156px; }
.search h2 { width: 156px; height: 62px; background: url(/images/text/search-products-home.gif) no-repeat; margin-bottom: 0; }
.search form { background: #000; padding: 0 16px 20px 16px; }


#deals-for-bands { border-top: 15px solid white; width: 156px; height: 121px; background: #000; color: #fff; font-size: .9em; }
#deals-for-bands p { margin: 10px 0 0 10px; }
#deals-for-bands h3 { width: 156px; height: 61px; background: url(/images/text/deals-for-bands-over.gif) no-repeat; margin: 0 0 0 0; }
#deals-for-bands h3 a, #deals-for-bands h3 a:link, #deals-for-bands h3 a:visited, #deals-for-bands h3 a:active { display: block; overflow: hidden; text-indent: -9000px; background: url(/images/text/deals-for-bands.gif) no-repeat; width: 156px; height: 61px; }
#deals-for-bands h3 a:hover { background-image: url(/images/text/deals-for-bands-over.gif); }
#deals-for-bands p a, #deals-for-bands p a:link, #deals-for-bands p a:visited, #deals-for-bands p a:active { text-decoration: none; color: #fff; }
#deals-for-bands p a:hover { text-decoration: underline; color: #fff; }


#contact-sky { width: 156px; height: 276px; float: left; display: inline; margin: 0 0 0 7px; background-color: #000; font-size: .9em; color: #fff; position: relative; }
#contact-sky p { padding: 0 50px 0 10px; margin: 0 0 1px 0; }
#contact-sky h3 { width: 156px; height: 61px; margin-bottom: 0; background: url(/images/text/contact-visit-sky-music-over.gif) no-repeat; }
#contact-sky h3 a, #contact-sky h3 a:link, #contact-sky h3 a:visited, #contact-sky h3 a:active { display: block; overflow: hidden; text-indent: -9000px; background: url(/images/text/contact-visit-sky-music.gif) no-repeat; width: 156px; height: 61px; }
#contact-sky h3 a:hover { background-image: url(/images/text/contact-visit-sky-music-over.gif); }
#contact-sky .view-full-map, #contact-sky .view-full-map:link, #contact-sky .view-full-map:visited, #contact-sky .view-full-map:active { width: 156px; height: 158px; position: absolute; bottom: 0; left: 0; text-indent: -9000px; overflow: hidden; display: block; background: url(/images/text/view-full-map.gif) no-repeat; }
#contact-sky .view-full-map:hover { background-image: url(/images/text/view-full-map-over.gif) }


#leftcol, #content { float: left; display: inline; }
#leftcol { width: 156px; }


#content { width: 495px;/* 515 */ padding: 0 0 0 26px; }
#sidenav { margin-bottom: 1em; background: url(/images/bgrounds/sidenav.gif) no-repeat bottom left; padding-bottom: 10px; }
#sidenav ul { background-color: #000; padding: 5px; }
#sidenav li a { color: #fff; text-decoration: none; display: block; padding: 5px 5px 5px 11px; font-size: .9em; margin-bottom: 3px; }
#sidenav li a:hover { background-color: #ca212a; background-color: #ca212a; }
#footer { width: 880px; margin: 0 auto; text-align: left; color: #ca212a; position: relative; }
#footer p em { font-style: normal; color: #fff; }
#footer p { font-size: .9em; position: absolute; top: 5px; right: 27px; }
#footer p a { color: #fff; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }



#product-grid { width: 100%; }
#product-grid img { float: left; }
#product-grid .product-brief { float: right; display: inline; width: 250px; }
#product-grid h2 a, #product-grid h2 a:link, #product-grid h2 a:visited, #product-grid h2 a:active { color: #333; }
#product-grid h2 a:hover { text-decoration: underline; color: #6aa0ce; }
#product-grid .clear { border-bottom: 1px solid #dddddd; padding: 10px 0 0 0; margin: 0 0 10px 0; }
.pagination, .enlarge { background-color: #eee; text-align: center; padding: 3px; }
#product-detail h1 { margin-bottom: 0; }
#product-detail h2 { font-size: 1.5em; font-weight: normal; }
.enquire { width: 156px; height: 62px; display: block; float: right; background: url(/images/text/enquire-about-product.gif) no-repeat; overflow: hidden; text-indent: -9000px; margin: 0 0 0 10px; }
.enquire:hover { background-image: url(/images/text/enquire-about-product-over.gif); }
.largeimg { clear: both; text-align: center; }
.data { width: 100%; margin: 0 0 1em 0; }
.data, .data td, .data th { border: 1px solid #d3d3d3; border-collapse: collapse; }
.data td, .data th { text-align: left; vertical-align: top; padding: 3px 5px; }
.data th { background-color: #4f85b3; color: #fff; text-transform: uppercase; text-align: center; }
p.breadcrumbs { margin-top: 7px; margin-bottom: 0; color: #333; font-size: .9em; }
.viewall { width: 386px;/* 495 */ height: 50px;/* 74 */ background: url(/images/text/view-all.gif) no-repeat; color: #fff; padding: 24px 0 0 109px; font-size: 1.2em; }
.viewall a, .viewall a:link, .viewall a:visited, .viewall a:active { color: #fff; text-decoration: underline; }
.viewall a:hover { text-decoration: none; }
.saleregular { text-decoration: line-through; display: inline; }
.salesale { color: #f00; display: inline; font-size: 1.2em; }
.enewsform { background-color: #f8f8f8; border: 1px solid #eee; }
.enewsform td, .enewsform th { padding: 10px 15px; text-align: left; vertical-align: top; border-bottom: 1px solid #eee; }
.enewsform input { padding: 5px; }
.enewsform th { width: 200px; }
.enewsform textarea { width: 210px; }
.block { display: block; padding-bottom: 2px; }
.enewsform input.button { width: auto; }
.enewsform input { width: 200px; }
.enewsform .help { display: block; font-weight: normal; font-size: .9em; }
.enewsform .req, .req { color: #d00000; }
.enewsform .errorrow .req { color: #fff; }
.enewsform option { padding: 0 15px 0 0; }
.enewsform input.radio { width: auto; }
.enewsform .error { display: block; /*color: #f04e23;*/
	font-size: .9em; }
.enewsform .errorrow th, .enewsform .errorrow td { color: #fff; background-color: #d00000; }
.error-return, .error-return h2 { color: #d00000; font-weight: bold; font-size: 1.2em; }
