/* two column layout with fixed-width columns */

/* markup order: 
   header
   left-column

   footer
*/

a img {
border: none;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

ul {
margin: 0px;
padding: 0px;
}

form {
background-color: transparent !important;
margin: 0px;
padding: 0px;
z-index: 0;
border: none;
}

body {
     margin: 0px;
     padding: 0px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #ffffff;

/* for jello layout in IE */
text-align: center;

background: #000000 url(/lib/wildaboutmusic/body-background.jpg) center top no-repeat;

}

#container {
     width: 877px;
     margin-left: auto;
     margin-right: auto;

     /* so the text-align: center we did for the jello layout doesnt affect the actual alignment of text */
     text-align: left;
/*      background: #212421;  for some reason this background color doesnt come through with the slice of the logo*/
     background: #000;
}

div.cleared {
clear: both;
}

/* BEGIN HEADER STYLES */
#header {
    padding-left: 15px;
    padding-right: 20px;
}

div#header div#logo {
float: left;
}

div#header div#header-right-side {
float: right;

}

div#header div#header-right-side div#searchbox {
padding-top: 15px;
padding-bottom: 10px;

}

div#header div#header-right-side div#searchbox * {
vertical-align: middle;
}

div#header div#header-right-side div#searchbox input#header-search-input-box {
/* color: #9C9A9C; */
font-size: 10px;
width: 150px;
}

div#header div#header-right-side div#header-cart-link {
text-align: right;
vertical-align: middle;
}

div#header div#header-right-side div#header-cart-link img {
vertical-align: middle;
}

/* END HEADER STYLES */


/* BEGIN LEFT COLUMN STYLES */

#left-column {
	     float: left;
	     width: 177px;
	     padding-left: 5px;
}

div.left-nav-category {

}

div.left-nav-category-header {
background: #FFDB4A url(/lib/wildaboutmusic/left-nav-header-background.gif) left center no-repeat;
height: 27px;
*width: 173px;
}

div.left-nav-category-header.left-nav-single-link {
margin: 3px 0px;
}

div.left-nav-category div.left-nav-category-header a {

}

div.left-nav-category ul.nav {
list-style-type: none;
margin: 0px;
padding: 0px;

}

div.left-nav-category ul.nav li {
background: #39B2BD url(/lib/wildaboutmusic/rounded-corner-left-blue.gif) left center no-repeat;
margin: 1px 0px;
font-size:12px;
font-weight:bold;
padding: 2px 0px 2px 20px;
xheight: 21px;
*width: 177px;
}

div.left-nav-category ul.nav li a {
color: #ffffff;
vertical-align: middle;
}

div#mailing-list-wrapper {
background: #8C2473;
margin: 5px 0px;
}

div#mailing-list-wrapper div#mailing-list-top-corner {
background: #8C2473 url(/lib/wildaboutmusic/rounded-corner-top-left-purple.gif) top left no-repeat;
height: 12px;

}

div#mailing-list-wrapper div#mailing-list-bottom-corner {
background: #8C2473 url(/lib/wildaboutmusic/rounded-corner-bottom-left-purple.gif) bottom left no-repeat;
height: 12px;

}
div#mailing-list-wrapper div#mailing-list-box-content {
padding-left: 10px;
padding-right: 5px;
}

div#mailing-list-wrapper div#mailing-list-box-content input#mailing-list-email-address-input {
color: #9C9A9C;
font-size: 10px;
}

div#mailing-list-wrapper div#mailing-list-box-content input {
vertical-align: middle;
}

div#mailing-list-wrapper div#mailing-list-header {

}

div#mailing-list-wrapper div#mailing-list-privacy-policy-link a {
font-size: 11px;
color: #ffffff;
text-decoration: underline;
}

div#left-column div.left-nav-featured-item {
background: #ffffff url(/lib/wildaboutmusic/rounded-corner-featured-item-bottom-white.gif) center bottom no-repeat;
text-align: center;
width: 176px;
padding-bottom: 10px;
color: #000000;
}

div#left-column div.left-nav-featured-item div.left-nav-featured-item-image {
padding-top: 5px;
}

div#left-column div.left-nav-featured-item div.left-nav-featured-item-name, table#contents-table div.name {
padding: 3px 20px;
}

div#left-column div.left-nav-featured-item div.left-nav-featured-item-name a, table#contents-table div.name a {
color: #000000;
text-decoration: underline;
font-weight: bold;
font-size: 12px;
}

div#left-column div.left-nav-featured-item div.left-nav-featured-item-regular-price, table#contents-table div.price-bold, div.right-nav-featured-item-regular-price {
padding: 3px 20px;
color: #8C246B;
font-weight: bold;
font-size: 12px;
}

div#left-column div.left-nav-featured-item div.left-nav-featured-item-sale-price, div.right-nav-featured-item-sale-price {
padding: 3px 0px;
color: #8C246B;
font-weight: bold;
}

div#left-column div.left-nav-featured-item div.left-nav-featured-item-add-to-cart, div.left-nav-featured-item-add-to-cart,  div.right-nav-featured-item-add-to-cart {
padding: 3px 0px;
color: #000000;
font-size: 12px;
}
div.right-nav-featured-item-add-to-cart form {
margin-bottom: 0px;
}
div.right-nav-featured-item-add-to-cart form input.order-button {
padding-top: 5px;
}


/* END LEFT COLUMN STYLES */


/* BEGIN RIGHT COLUMN STYLES */

#right-column {
	      margin-left: 182px;
	      padding-left: 5px;


	      
/* should be total width of 691px don't think it's necessary to specify it though */
}

div#header-nav {

}

div#header-nav div#header-top-nav-wrapper {
background: #8C2473 url(/lib/wildaboutmusic/header-nav-top-background.gif) left center no-repeat;
height: 28px; 
width: 678px;
margin: 0px;
padding: 0px;
}

div#header-nav ul#header-top-nav {
padding-left: 10px;
}

div#header-nav ul#header-top-nav, div#header-nav ul#header-bottom-nav {
list-style-type: none;
padding-top: 5px;
}

div#header-nav ul#header-top-nav li {
float: left;
padding: 0px 15px;

}

div#header-nav ul#header-top-nav li a {
font-size: 11px;
font-weight: bold;
color: #ffffff;
vertical-align: middle;
}


div#header-nav div#header-bottom-nav-wrapper {
background: #FFDB4A url(/lib/wildaboutmusic/header-nav-bottom-background.gif) left center no-repeat;
height: 33px;
width: 678px;

}

div#header-nav ul#header-bottom-nav {
margin: 0px;
padding: 0px 0px 0px 15px;

}

div#header-nav ul#header-bottom-nav li {
float: left;
padding: 5px 10px 0px 10px;
}

div#header-nav ul#header-bottom-nav li a {
font-weight: bold;
color: #000000;
vertical-align: middle;
}

div#header-nav ul#header-bottom-nav li ul.submenu {
display: none;
}

div#header-nav ul#header-bottom-nav li.sfhover ul.submenu {

}




div#body-content-and-featured-items-wrapper {

}


div#body-content-and-featured-items-wrapper div#body-content {
float: left;
width: 520px;
padding-left: 5px;
}

div#body-content-and-featured-items-wrapper div#body-content div#homepage-body-header {
	      padding-top: 15px;
	      padding-bottom: 15px;
padding-left: 10px;
}

div#body-content-and-featured-items-wrapper div#body-content div#homepage-flash-slideshow {
margin: 0px auto;
height: 330px;
text-align: center;
}

div#body-content-and-featured-items-wrapper div#body-content div#homepage-welcome-message {
padding-top: 15px;
padding-left: 15px;

}

div#body-content-and-featured-items-wrapper div#body-content div#homepage-welcome-message-header {
font-weight: bold;
padding-bottom: 15px;
}

div#body-content-and-featured-items-wrapper div#body-content div#homepage-welcome-message-caption {
padding-bottom: 20px;
}


div.rounded-corner-left-yellow {
height: 27px;
width: 12px;
float: left;
background: #FFDB4A url(/lib/wildaboutmusic/rounded-corner-left-yellow.gif) left center no-repeat; 
}

div.rounded-corner-right-yellow {
height: 27px;
background: #FFDB4A url(/lib/wildaboutmusic/rounded-corner-right-yellow.gif) left center no-repeat; 
width: 12px;
float: right;
}


div.section-header, div.testiHd {
height: 27px;
background: url(/lib/wildaboutmusic/section-header-background.gif) left center no-repeat;
padding-bottom: 10px;
}

div.testiHd img {
*margin-top: 10px;
}

div#body-content-and-featured-items-wrapper div#featured-items {
float: right;
width: 160px;
text-align: center;
padding-right: 5px;
}


div#body-content-and-featured-items-wrapper div#featured-items-header {
text-align: center;
padding: 10px 0px;
}

div#body-content-and-featured-items-wrapper div#featured-items table#contents-table {
text-align: center;
}

div#body-content-and-featured-items-wrapper div#featured-items table#contents-table tr.image td {
background: white url(/lib/wildaboutmusic/rounded-corner-featured-items-right-column-top-white.gif) center top no-repeat; 
padding-top: 10px;
}

div#body-content-and-featured-items-wrapper div#featured-items table#contents-table tr.contents-table-item-info td {
background: white url(/lib/wildaboutmusic/rounded-corner-featured-items-right-column-bottom-white.gif) center bottom no-repeat; 
padding-bottom: 10px;
}

div#body-content-and-featured-items-wrapper div#featured-items table#contents-table tr.contents-table-hrule td {

}
/* END RIGHT COLUMN STYLES */


/* BEGIN FOOTER STYLES */
#footer {
	clear: both;
	padding-top: 5px;
	text-align: center;
}

div#footer div#footer-nav-wrapper {
background: #8C2473 url(/lib/wildaboutmusic/footer-nav-background.gif) left center no-repeat;
height: 29px;
width: 861px;
margin: 0px auto;
}

div#footer div#footer-nav-wrapper ul#footer-nav {
text-align: center;
list-style-type: none;
padding-top: 5px;
}

div#footer div#footer-nav-wrapper ul#footer-nav li {
display: inline;
}

div#footer div#footer-nav-wrapper ul#footer-nav li a {
color: #ffffff;
font-size: 11px;
border-right: 1px solid #ffffff;
padding: 0px 5px;
}

div#footer div#footer-nav-wrapper ul#footer-nav li.last a {
border-right: none;
}


div#footer div#final-message {
text-align: center;
padding-top: 20px;
}

div#footer div#final-message div#copyright-and-designby {
color: #A5A2A5; 
font-size: 11px;
}

div#footer div#final-message div#copyright-and-designby span#copyright {
padding-right: 3px;
}

div#footer div#final-message div#copyright-and-designby span#designby a {
color: #A5A2A5; 
}

div#footer div#final-message div#badges {
padding-top: 10px;
padding-bottom: 35px;
text-align: center;
}

div#footer div#final-message div#badges img {
padding: 0px 10px;
}
div#footer div#final-message div#badges div#yahoo-secure-shopping-badge {

}

div#footer div#final-message div#badges div#credit-cards {

}

/* END FOOTER STYLES */


/* TESTIMONIALS STYLES */

div#testiConts {
padding-left: 15px;
}

div#testiConts ul {
list-style-type: none;
}

div#testiConts p {
font-style: italic;
}

div#testiConts p.quote {
font-style: normal;
}

div#view-more-testimonials-link a {
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}

/* END TESTIMONIALS STYLES */



div#body-content-and-featured-items-wrapper div.sectioncontain div.itemleft {
float: left;
}


div#body-content-and-featured-items-wrapper div.sectioncontain div.itemright {
float: right;
}


/* CLICK TO ENLARGE STYLES */
/****
	Solid Cactus Click to Enlarge v3.0.0
****/
/*Editable Style Sheets*/
#scWrapper{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	background: #000000;
}

#scImgBox{
	font: 11px normal "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif; /*background color of the image box*/
	border: 10px solid #CACACA; /*normally same as border color*/
	background: #CACACA;
}

#scImgTitle{
	font: 12px normal "Georgia", "Times New Roman", Times, serif; /*fonts and settings for image description shown above the image*/
	text-align: left;
	padding-bottom: 5px;
}

#scImgBox-insets{
	padding: 10px 75px 0 0;
	background: #CACACA;
}

#scImgBox-insetPreview img{
	border: 2px solid #000000; /*border color for inset preview*/
	display: none;
}

#scImgBox-insets a{
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0 5px 1px 5px;
	border: 1px solid #FFFFFF;
	text-decoration: none;
	margin: 0 5px 0 0;
	background: #3F3F3F;
}

#scImgBox-insets .absClose{
	font: normal 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif; /*styles for close in inset area*/
}

#scImgBox .close{
	font: bold 14px Arial, Helvetica, sans-serif; /*close on upper right corner*/
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 0 5px 1px 5px;
	margin: -15px -15px 0 0;
	text-decoration: none;
	background: #3F3F3F;
}

/*Styles Not to be Edited*/
.relativePos{ position: relative; }
.absolutePos{ position: absolute; }
.hideSelect{ visibility: hidden; }

#scWrapper{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	z-index: 1000;
	width: 100%;
	height: 800px;
	cursor: hand;
}

#scImgBox{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1500;
	text-align: center;
}

#scImgBox-mainImg{
	background: url(loading.gif) #FFFFFF no-repeat center center;
	text-align: center;
}

#scImgBox-mainImg.schidebg{ background: #FFFFFF; }

#scImgBox-mainImg img{ vertical-align: middle; }

#scImgBox-insets{
	position: relative;
	left: 0;
	text-align: left;
	clear: both;
}

/*#scImgBox-insets img{ display: none; }*/
#scImgBox-insets .absClose{ position: absolute; right: 0; }

#scImgBox .close{
	position: absolute;
	top: 0;
	right: 0;
}

#scImgBox-insetPreview{
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
	z-index: 200;
}

#scPage-insets .scMainImgLnk{ display: none; }



div#scPage-insets {
padding-top: 10px;
}

/* END CLICK TO ENLARGE STYLES */

table#product-info-table td.add-to-cart {
padding-top: 10px;
text-align: left;
}

div#main-page-content {
padding-left: 10px;
*width: 675px;
}

*html div#main-page-content {
width: 675px;
}

div.item-caption {
padding: 15px 0px;
}

div#cross-sell-content div.name {
padding-left: 10px;
}

div.cross-sell-content table#contents-table div.name a {
color: #ffffff;
}

div.cross-sell-content img.left {
padding-right: 10px;
}

div.cross-sell-content {
padding-bottom: 15px;
padding-left: 10px;
padding-top: 10px;

}

/* SEO RELATED LINKS STYLES */
#seo-related-links {
    width: 95%;
    }
    #seo-related-links:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        }
    #seo-related-links h3 {
        color: #fff;  
        font: bold 13px/1.2 verdana, arial, sans-serif;
        text-align: center;
        }
    #seo-related-links ul {
        margin:0; padding: 0;
        list-style: none;
        }
    #seo-related-links ul.seo-links li {
        width: 49%;
        float: left;
        display: inline;
        background: url(/lib/wildaboutmusic/dot.gif) 5px center no-repeat;
        margin:0; 
        padding:0;
        }
        #seo-related-links ul.seo-links li a {
            text-decoration: none;
            padding-left: 25px;
            display: block;
	    color: #ffffff;
            _width: 100%;
            }
            #seo-related-links ul.seo-links li a:hover {
                text-decoration: underline;
                }


div.section-header img.section-header-text-image {
padding-top: 10px;
*margin-top: 10px;
}

h3.relatedHd {
color: #ffffff;
}

/* END SEO RELATED LINKS STYLES */

div.scBreadcrumbs a {
color: #FFDB4A;
font-weight: bold;
text-decoration: underline;
}

div.scBreadcrumbs {
padding: 10px 0px;
font-weight: bold;
}


div#main-page-content div.section-page-contents {
background-color: white;
margin-right: 10px;
}


/* SITEMAP STYLES */

.sitemap-header {
    font: bold 14px verdana;
    color: #ffffff;
    display: block;
    padding-top:  15px;
}
.sitemap-1, a.sitemap-1, a.sitemap-1 font {
    font: bold 12px verdana;
    color: #fffff;
    display: block;
    padding-left: 25px;
}
.sitemap-2      {
    font: normal 12px verdana;
    color: #ffffff;
    display: block;
    padding-left: 50px;
}
.sitemap-3      {
    font: normal 10px verdana;
    color: #ffffff;
    display: block;
    padding-left: 75px;
}
.sitemap-4      {
    font: normal 8px verdana;
    color: #ffffff;
    display: block;
    padding-left: 100px;
}

/* END SITEMAP STYLES */


/* CONTACT US FORM STYLES */

form#contact-us-form {
*width: 400px;
}

td.form-label {
font-weight: bold;
text-align: right;
vertical-align: top;
}

td.contact-us-submit-button {
text-align: right;
}

table#info-page-contents-table {
*width: 400px;
}

/* END CONTACT US FORM STYLES */


/* CASCADING VERTICAL NAV STYLES  */


ul#header-bottom-nav {
position: relative;
}

ul#header-bottom-nav li {
position: relative;
}

ul#header-bottom-nav li.sfhover {
background: white;
height: 27px;

}

ul#header-bottom-nav li ul.header-bottom-subnav {
display: none !important;

}


ul#header-bottom-nav li.sfhover ul {
display: block !important;
background: #39B2BD;
position: absolute;
width: 140px;
list-style-type: none;
border: 3px solid #ffffff;
padding: 0px;
margin: 0px;
margin-left: -10px;
margin-top: 10px;
z-index: 9999;
*margin: 0px;
*padding: 0px;
*left: 0px;
*top: 20px;
}

ul#header-bottom-nav li.sfhover ul li {
padding: 0px;
margin: 0px;
}

ul#header-bottom-nav li.sfhover ul li a {
color: white;
background-color: transparent !important;
width: 120px;
display: block;
padding: 5px 0px;
}


li.subnav-li.subnavhover {
background: white !important;

}

ul#header-bottom-nav li ul li.subnav-li.subnavhover a {
color: #000000 !important;
text-decoration: none;
}

ul#header-bottom-nav li ul li.subnav-li.subnavhover a:hover {
color: #000000;
text-decoration: none;
}

/* END CASCADING VERTICAL NAV STYLES  */


table#section-page-table {
width: 680px;
*width: 500px;
}

div#sitemap {
width: 500px;
margin: 0px;
padding: 0px;
}

div.cross-sell-content {
*width: 500px;
}

tr.sale-price th,
tr.sale-price td { font-weight: bold; color: #FF0000; }
#product-info-table td { padding: 5px 0px 5px 10px; }
#product-info-table th { text-align: left; padding: 5px 0px 5px 6px; font-weight: normal; }
#contents-table .price { color: #8C246B; font-size: 12px; font-weight: bold; padding: 3px 20px 0px 20px; }
#contents-table .sale-price { color: #FF0000; font-weight: bold; font-size: 12px; padding: 0px 20px; }
#left-column .left-nav-featured-item form input.order-button { padding-top: 15px; }
#homepage-flash-imgs { display: none; }
#scPage-insets a { padding: 0px 5px; }
#product-info-table tr.title td {
	font-weight: bold;
	padding-left: 5px;
}
#nsearch { margin-top: 10px; }
#product-info-table tr.quantity td  input.quantity-input { padding: 5px; }
