body {margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; background-color: #31818f; margin-bottom: 20px; text-align: center; /* centers in IE6 */}
#container {width: 750px; text-align: left; background-color: #ffffff; margin: 20px auto; /* centers in proper browsers */}

p {font-size: 10pt; margin: 10px 0px;}
a {color: #31818f; text-decoration: none;}
a:hover {text-decoration: underline;}
.offer {color: #a2001b;}
.oldprice {text-decoration: line-through; margin-right: 10px;}
.arrowlink {text-align: right;}
.arrowlink a {font-weight: bold; background: transparent url(../img/greenarrow.gif) no-repeat center left; padding-left: 15px;}
.viewall {font-weight: bold; text-align: center; margin: 5px 0px 10px 0px;}
.paging {font-weight: bold; text-align: center; margin: 10px 0px;}
.paging a {border: 1px solid #31818f; padding: 1px 3px; background-color: #deeff2; margin: 0px 2px;}
.paging a:hover, .paging a.current {border: 1px solid #3b4a95; background-color: #d4daf6; text-decoration: none;} 
.paging a.prevnext {border: none; background-color: transparent;}
.paging a.prevnext:hover {text-decoration: underline;border: none; background-color: transparent;}
.center {text-align: center;}
.right {text-align: right;}
h2 {color: #3b4a95; font-size: 14pt; margin: 10px 0px; text-align: center;}
.contentpages h3 {margin: 10px 20px; color: #31818f; font-size: 12pt;}
.contentpages table {font-size: 10pt; margin: 10px 20px;}
.contentpages th, .contentpages td {text-align:center; padding: 2px 5px;}
.contentpages ul {font-size: 10pt; margin: 10px 20px;}

/* HEADER */
h1 {margin: 0px;}
h1 img {width: 750px; height: 148px; border: none; background: transparent url(../img/header.jpg) no-repeat top left;}
#topmenu {font-weight: bold; padding: 6px 0px; margin: 0px; width: 750px; background-color: #3cb6be; text-align: right; font-size: 11pt;}
#topmenu li {list-style: none; display: inline;}
#topmenu li a {padding: 6px 8px; text-decoration: none; color: #f4f9fa; background-color: #3cb6be;}
#topmenu li a:hover {background-color: #31818f;}
#phonenumber {margin: 4px 0px 0px 10px; padding: 2px 0px 2px 28px; position: absolute; z-index:1; color: #f4f9fa; font-weight: bold; font-size: 12pt; background: transparent url(../img/phone.gif) no-repeat center left;}

/* SIDEBAR */
#sideoptions {width: 182px; margin: 10px 0px 9px 0px; float: left;}
.quicksearch, .cart, .sidemenu {background: #cee7ec url(../img/sidebottom.gif) no-repeat bottom center; margin: 0px 0px 10px 10px; padding-bottom: 5px;}
.quicksearch h3, .cart h3, .sidemenu h3 {margin: 0px; background-color: #1d9fac; color: #f4f9fa; font-size: 11pt; padding: 7px 5px 7px 30px;}
.quicksearch h3 {background: url(../img/searchheader.gif) no-repeat top center;}
.quicksearch form {margin:0px; padding: 0px;}
.cart h3 {background: url(../img/cartheader.gif) no-repeat top center;}
.sidemenu h3 {background: url(../img/browseheader.gif) no-repeat top center;}
.quicksearch p {text-align: center; margin-top: 3px; margin-bottom:0px;}
.quicksearch input.searchbox {width: 135px; margin:5px 0px 5px 15px;}
.quicksearch select.searchselect {width: 105px; margin-left:15px;}
.quicksearch input.searchbutton {width: 30px; height: 19px; background: transparent url(../img/gobutton.gif) no-repeat; border: none; color: #f4f9fa;}
.cart p {text-align: center; margin: 5px;}
.sidemenu ul {font-size: 10pt; list-style-type: none; margin: 0px 15px; padding: 0px;}
.sidemenu li {margin: 5px 0px;}
.sidemenu li a {font-weight: bold;}
.sidemenu li a:hover {color: #3b4a95; text-decoration: none;}
.protx {margin-left: 12px;}
.account {background: #d1d8f9 url(../img/sidebottompurple.gif) no-repeat bottom center; margin: 0px 0px 10px 10px; padding-bottom: 5px;}
.account h3 {background: url(../img/accountheader.gif) no-repeat top center; margin: 0px; background-color: #3b4a95; color: #f3f4fb; font-size: 11pt; padding: 7px 5px 7px 30px;}
.account ul {font-size: 10pt; list-style-type: none; margin: 0px 15px; padding: 0px;}
.account li {margin: 5px 0px;}
.account li a {font-weight: bold; color: #3b4a95;}
.account li a:hover {color: #31818f; text-decoration: none;}

/* FOOTER */
#footer {clear:both;}
ul#bottomlinks {background: #1d9fac url(../img/footer.gif) no-repeat top left; margin: 0px; padding: 5px 0px; text-align: center; font-size: 10pt; list-style-type: none;}
#bottomlinks li {display: inline; background: url(../img/whitedash.gif) no-repeat center left; padding-left: 15px; padding-right: 12px;}
#bottomlinks li.first {background: none; padding-left: 10px;}
#bottomlinks li a {color: #f4f9fa;}
ul#copyright {margin: 0px; padding: 4px 0px 14px 0px; text-align: center; font-size: 10pt; background: #cee7ec url(../img/footer.gif) no-repeat bottom left; list-style-type: none;}
#copyright li {display: inline; padding-left: 16px; padding-right: 8px; color: #4c6b70; background: transparent url(../img/greendash.gif) no-repeat center left;}
#copyright li.first {background: none; padding-left: 8px;}
#copyright li a {color: #4c6b70;}

/* CONTENT */
#content {float: right; display: inline; margin: 10px 9px 10px 0px; width: 549px;}
#breadcrumb {color: #31818f; font-weight: bold; margin: 5px;}

/* OFFER OF THE MONTH */
#offerofthemonth {width: 269px; height: 114px; background: transparent url(../img/offerofthemonth.gif) no-repeat top left; text-align: right; padding: 88px 20px 0px 55px; float: left; margin-bottom: 5px;}
#offerofthemonth h3 {color: #3b4a95; font-size: 12pt; font-weight: bold; margin: 0px;}
#offerofthemonth p {margin: 6px 0px;}

/* WHAT IS SACD */
#whatissacd {width: 170px; height: 177px; background: transparent url(../img/whatissacd.gif) no-repeat top left; padding: 13px 18px 13px 13px; float: right; margin-bottom: 5px;}
#whatissacd h3 {color: #3b4a95; font-size: 12pt; font-weight: bold; margin: 0px;}
#whatissacd p {margin: 4px 0px;}

/* NEW RELEASES */
h3.newreleases {clear: both; background: transparent url(../img/greyheaderbar.gif) no-repeat top left; color: #3b4a95; font-size: 14pt; line-height: 32px; padding: 0px 5px 5px 0px; text-align: center; margin: 0px 0px 2px 0px;}
.newreleasebox {background: transparent url(../img/greybox.gif) no-repeat top left; width: 158px; height: 186px; float: left; text-align: center; padding: 10px 15px 10px 10px;}
.newreleasebox p {margin: 1px 0px;}
.newreleasebox p.artist {font-weight: bold;}
.newreleasebox p.price {font-weight: bold;}
.newreleasebox img {border: none;}
.newreleasebox a {padding: 0px 10px;}

/* CATEGORY PAGES */
.categorybox {background: transparent url(../img/categoryboxbottomsides.gif) repeat-y;}
.categorybox h2 {background: transparent url(../img/categoryboxtop.gif) no-repeat top left; line-height: 36px; margin: 10px 0px 0px 0px; color: #3b4a95; font-size: 14pt; text-align: center; padding-right: 2px; padding-top: 2px}
.categorybox p {background: transparent url(../img/categoryboxmiddlesides.gif) repeat-y; margin: 0px; padding: 10px 15px;}
.categorybox h3 {margin: 0px 5px 0px 3px; padding: 8px 10px 8px 8px; border-top: 1px solid #e9e3e1; font-size: 12pt; color: #3b4a95; text-align: center;}
.categorybox ul {list-style-type: none; text-align: center; margin: 0px; padding: 0px 2px 15px 0px; background: transparent url(../img/categoryboxbottom.gif) no-repeat bottom left;}
.categorybox li {display: inline; font-weight: bold; font-size: 12pt;}
.categorybox li a {padding: 0px 10px;}
.categorybox li a:hover {color: #3b4a95; text-decoration: none;}

/* LISTING PAGES */
.listingbox {margin-left: 2px; border-top: 1px solid #e2dcd8; padding: 10px 0px;}
.listingbox img {float: left; border: none;}
.listingbox p {margin: 2px 0px 2px 98px;}
.listingbox p.title {font-weight: bold; margin-top: 0px;}
.listingbox p.artist {font-weight: bold;}
.listingbox p.price {font-weight: bold;}
.bottomcategorybox {background: transparent url(../img/categoryboxmiddlesides.gif) repeat-y; width: 100%; margin:10px 0px;}
.bottomcategorybox h2 {background: transparent url(../img/categoryboxtop.gif) no-repeat top left; line-height: 36px; margin: 0px 0px 0px 0px; color: #3b4a95; font-size: 14pt; text-align: center; padding-right: 2px; padding-top: 2px}
.bottomcategorybox p {background: transparent url(../img/categoryboxbottomwhite.gif) no-repeat bottom left; margin: 0px; padding: 8px 15px 17px 15px;}

/* DETAILS PAGE */
.proddet {margin-top: 15px;}
.proddet img {float: left; padding-right: 10px; border:none;}
.proddet h3 {margin: 3px 0px 7px 0px; color: #3b4a95; font-size: 12pt;}
.proddet p.price {font-weight: bold; font-size: 12pt; margin: 7px 0px 7px 0px;}
input.addtocartbutton {width: 121px; height: 31px; background: transparent url(../img/addtocart.gif) no-repeat; border: none; color: #31818f; font-weight: bold; padding-left: 23px; font-size: 10pt; margin: 0px;}
.proddet2 {clear: both; padding-top: 5px; font-weight: bold;}
.proddet2 p {margin: 0px; padding-bottom: 3px;}
.proddet2 p.fieldfloat {display: inline; width: 80px; float: left;}
.tracking, .sleevenotes {background: transparent url(../img/greyheaderbar.gif) no-repeat top left; color: #3b4a95; font-size: 12pt; line-height: 32px; padding: 0px 5px 5px 10px; text-align: left; margin: 20px 0px 0px 0px;}

/* ACCOUNT PAGES */
.accounts {border: 2px solid #abb4e1; padding: 0px; margin-bottom: 10px;}
.accounts legend {color: #3b4a95; font-size: 12pt; font-weight: bold;}
.accounts p {margin: 10px 15px;}
.accounts p.update {text-align: right; margin: 0px 25px 10px 15px;}
.accounts .labelfloat {width: 130px; float: left; text-align: right; padding-right: 10px; padding-top: 3px;}
.accounts .small {width: 100px;}
.accounts .medium {width: 200px;}
.accounts .big {width: 300px;}
.accounts hr {width: 95%; text-align: center; color:#abb4e1; background-color: #abb4e1; border: none;}
.accounts .button {border: 1px solid #3b4a95; color: #3b4a95; background-color: #d1d8f9; margin-bottom: 10px; font-size: 10pt;}
.accounts .smallbutton {border: 1px solid #3b4a95; color: #3b4a95; background-color: #d1d8f9; font-size: 8pt; width: 55px;}
.required {color: #c00000; font-weight: bold;}
.accounts .quantity {width: 20px;}
.accounts table {width: 510px; font-size: 10pt; margin: 10px 15px 5px 15px;}
.accounts table a {font-weight: bold;}
.accounts .pricecolumn {font-weight: bold; width: 70px; text-align: right; padding-right: 5px;}
.accounts th {background-color: #d1d8f9; border-bottom: 2px solid white; height: 25px; padding-left: 5px;}
.accounts td {background-color: #e5f3f5; border-bottom: 2px solid white; height: 25px; padding-left: 5px;}
.accounts .remove {width: 60px; padding-right: 5px; text-align: right;}
.accounts tr.total td {background-color: #cee7ec; font-weight: bold;}
#checkoutprogress {border-bottom: 5px solid #3b4a95; text-align: center; padding-bottom: 3px;}
#checkoutprogress .done {background-color: #3b4a95; color: #f3f4fb; padding: 3px 20px; margin: 0px 5px}
#checkoutprogress .notdone {background-color: #d1d8f9; color: #3b4a95; padding: 3px 20px; margin: 0px 5px}
.accounts .addresssummary {width: 350px;}
.accounts .addresssummary td, .accounts .addresssummary th {background: none; vertical-align: top; height: auto;}
.accounts .addresssummary th {width: 80px;}
.accounts .changebutton {border: 1px solid #3b4a95; color: #3b4a95; background-color: #d1d8f9; font-size: 10pt; float: right; margin: 10px 20px 0px 0px; width: 100px;}
.accounts a.buttonlooklink {border: 1px solid #3b4a95; color: #3b4a95; background-color: #d1d8f9; font-size: 10pt; float: right; margin: 10px 20px 0px 0px; width: 96px; padding: 2px; text-decoration: none; text-align: center;}
.accounts a:hover.buttonlooklink {text-decoration: none; color: #162158;}
h3.welcome {color: #3b4a95; font-size: 12pt; text-align: center; margin: 0px;}
.accounts table.cartsummary, .accounts table.ordersummary {width: 510px; font-size: 10pt;}
.accounts table.cartsummary a, .accounts table.ordersummary a {font-weight: bold;}
.accounts table.cartsummary .pricecolumn {font-weight: bold; width: 70px; text-align: right;}
.accounts table.cartsummary th, .accounts table.ordersummary th {background: none; border: none; height: auto; padding-left: 0px;}
.accounts table.cartsummary td, .accounts table.ordersummary td {background: none; border: none; height: auto; padding-left: 0px;}
.accounts table.cartsummary tr.total td {background:none; font-weight: bold;}
input.checkoutbutton {width: 148px; height: 31px; background: transparent url(../img/checkout.gif) no-repeat; border: none; color: #31818f; font-weight: bold; padding-left: 23px; font-size: 10pt; margin: 7px;}
.accounts table.ordersummary {margin-bottom: 20px;}

/* CONTACT PAGE */
.message {border: 2px solid #b1c7cb; padding: 0px; margin: 10px 20px 10px 20px;}
.message legend {color: #31818f; font-size: 12pt; font-weight: bold;}
.message p {margin: 10px 15px;}
.message .labelfloat {width: 110px; float: left; text-align: right; padding-right: 10px; padding-top: 3px;}
.message .small {width: 100px;}
.message .medium {width: 200px;}
.message .big {width: 300px;}
.message hr {width: 95%; text-align: center; color:#abb4e1; background-color: #abb4e1; border: none;}
.message .button {border: 1px solid #31818f; color: #31818f; background-color: #cee7ec; margin-bottom: 10px; padding: 2px; font-size: 10pt; margin-left: 137px;}

.contentpages p {margin: 10px 20px;}


/* CART */
.cartpage {border: 2px solid #b1c7cb; padding: 0px; margin-bottom: 10px;}
.cartpage p {margin: 10px 15px;}
.cartpage p.update {text-align: right; margin: 0px 25px 10px 15px;}
.cartpage legend {color: #31818f; font-size: 12pt; font-weight: bold;}
.cartpage .button {border: 1px solid #31818f; color: #31818f; background-color: #cee7ec; margin-bottom: 10px; font-size: 10pt;}
.cartpage .button2 {border: 1px solid #31818f; color: #31818f; background-color: #cee7ec; font-size: 10pt;}
.cartpage .smallbutton {border: 1px solid #31818f; color: #31818f; background-color: #cee7ec; font-size: 8pt; width: 55px;}
.cartpage .quantity {width: 20px;}
.cartpage table {width: 510px; font-size: 10pt; margin: 10px 15px 5px 15px;}
.cartpage table a {font-weight: bold;}
.cartpage .pricecolumn {font-weight: bold; width: 70px; text-align: right; padding-right: 5px;}
.cartpage th {background-color: #d1d8f9; border-bottom: 2px solid white; height: 25px; padding-left: 5px;}
.cartpage td {background-color: #e5f3f5; border-bottom: 2px solid white; height: 25px; padding-left: 5px;}
.cartpage .remove {width: 60px; padding-right: 5px; text-align: right;}
.cartpage tr.total td {background-color: #cee7ec; font-weight: bold;}


/* ADVANCED SEARCH */
.searchlabel {width: 90px; float: left; text-align: right; padding-right: 10px; padding-top: 3px;}
.searchsmall {width: 140px;}
.searchbig {width: 300px;}
p.searchparagraph {margin: 0px 0px 10px 0px;}
.adsearchbutton {border: 1px solid #31818f; color: #31818f; background-color: #cee7ec; margin-bottom: 10px; font-size: 10pt; font-weight:bold;}

/* SITEMAP */
h3.sitemapcat {margin: 20px 0px 5px 10px; color: #3b4a95; font-size: 12pt;}
ul.sitemap {font-size: 10pt; margin: 0px 0px 0px 30px; list-style-type: none;}
ul.sitemap ul { margin: 0px 0px 0px 20px; list-style-type: none;}
.sitemap a {font-weight: bold;}