/* Wrapper */
body {text-align: center;}
.wrapper {width: 975px; text-align: left; margin: 0 auto;}
.page_wrapper {padding-bottom: 20px;}
.content_wrapper {padding: 15px 0 15px 13px;	margin: 0;	display: block;}
.content_inner {	padding: 0;}
.content_wrapper_bottom {display: block; height: 1px; margin: 0 0 15px 0;}
#content {float: right; width: 800px; line-height: normal;}
.content-extras {width: 800px;}
.html_content .content {margin-right: 10px;}
.generic_table td, .generic_table th, .generic_table fieldset.legend {padding: 9px 3px;}

/* Header */
#header {height: 200px; position: relative; overflow: hidden;}
#header h1 {height: 200px; width: 975px; position: absolute;}
#header h1 a {height: 200px; width: 975px;}

/* Footer */
#footer {position: relative; height: 38px; padding: 15px 10px 0 10px; clear: both;}
#footer ul {clear: none; text-align: center; vertical-align: middle;}
#footer li {clear: none; display: inline; vertical-align: middle; line-height: 19px; font-size: 12px;}
#footer li.first {}
#footer .logo {float: left; width: 150px; height: 19px; font-size: 19px;}
#footer li.logo a.replaced {float: left; width: 140px; height: 19px; font-size: 19px;}
#footer .copyright {*width: 250px; float: right;}

/* Subnavigation (Header) */
#subnavigation {height: 60px; padding: 10px 10px 0 10px; display: block;}
#subnavigation a:hover {text-decoration: none;}
#search {width: 155px; float: left; display: inline; position: relative;}
#search label {display: none;}
#search button {border: 0; margin: 0; height: 24px; text-transform: uppercase; float: left; line-height: 21px; padding-bottom: 3px; *padding: 0 4px 3px 4px;}
#search input {border: 0; float: left; padding: 2px 0; line-height: 18px; height: 20px; font-size: 14px; width: 100px; text-indent: 3px;}
#login {height: 24px; width: 300px; float: left; display: inline;}
#login li {display: inline; float: left; padding: 4px 8px 0 8px; height: 20px; *line-height: 16px;}
.basket {float: right; display: inline; text-align: right; *width: 215px;}
.basket li {padding: 4px 8px 0 8px; height: 20px; display: inline; float: right;}
#login li.first { background-position: 0 0; }
.basket li.first { background-position: 0 0; }
#login li.last { background-position: top right; border: 0; }
.basket li.last { background-position: top right; border: 0; }
#subnavigation .currency {float: right; margin: -6px 10px;}
#subnavigation .currency label {float: left; margin: 10px 5px 0 0;}
#subnavigation .currency select {float: left; padding: 3px 0; line-height: 20px;}
#subnavigation .currency #currency_submit {float: left; border: 0; height: 24px; text-transform: uppercase; line-height: 21px; padding-bottom: 3px; margin: 6px 3px 0 0;  *padding: 0 4px 0 4px;}
.return-link {padding: 10px 0 5px 0; float: left; font-weight: bold;}
#breadcrumbs {padding: 10px 0 5px 0; z-index: 1; float: left;}
#breadcrumbs p, #breadcrumbs ol, #breadcrumbs ul, #breadcrumbs li {display: inline; margin: 0; padding: 0;}
#breadcrumbs li {padding: 0 0 0 15px;}
#breadcrumbs li.first {padding: 0; background: none;}
.history a {padding: 0 10px 0 10px;}

/* Navigation (Sidebar) */
#navigation {line-height: 1.3em; min-height: 350px; padding: 0; float: left; display: inline; margin: 0 13px 0 0; width: 146px; position: relative;}
* html #navigation {height: 280px;}
#navigation h3 {display: block; margin-bottom: 5px; padding: 5px 10px;}
#navigation h3.top {padding-top: 5px; height: 20px;}
#navigation div.leftnav_links {padding: 12px;}
#navigation dt {margin-bottom: 5px;}
#navigation dt.last {padding-bottom: 10px;}
#navigation dl {margin: 0 0 20px 0;}
#navigation dd {padding: 0 5px;}
li.child-category {padding: 0 0 0 12px;}
ul.subcategory li.first {background-position: 0 9px;}
ul.subcategory li.last {background-position: 0 -34px;}
#navigation .sale a {text-transform: uppercase;  font-weight: bold;}

/* Forms */
input.text {padding: 2px 0 0 0; margin: 0 0 4px 0; line-height: 18px; height: 20px; font-size: 14px; border: 0; width: 145px; text-indent: 3px; background-position: 100% 0; }
input.checkbox, select {border: 0;}
input.radio {float: left; margin-right: 10px;}
input.small_button, input.medium_button {text-align: center; margin: 10px 0 0 0;}
input.small_button {border: 0; width: 60px; height: 24px; cursor: pointer;}
input.medium_button {border: 0; width: 75px; height: 24px; margin: 1px; cursor: pointer;}
input.large_button {border: 0; width: 110px; height: 24px; cursor: pointer;}
input.cart_button {-moz-border-radius: 10px;-webkit-border-radius: 10px; cursor: pointer;}
select {margin: 6px 0;}
label.text span {float: left; width: 120px; margin: 4px 15px 0 0;}
label.text span.wide, label.wide {width: 200px;}
fieldset.legend label.text span {width: 75px;}
label.select span {float: left; width: 110px; margin: 8px 5px 0 0;}
form#register_form fieldset.legend {margin: 10px 0;}
p.form select {width: 230px;}
p.alert {font-size: 11px; margin: 10px 0;}
#ContactUs input {margin: 5px 0;}

/* Pages */
.container .header h2 {text-transform: uppercase; font-size: 16px; font-weight: bold; padding: 10px 0 5px 0;}
.static-page p {margin: 10px 0 20px 0;}
.static-page p strong {font-size: 1.1em; padding-bottom: 5px;}
.shipping-table {border: 1px solid #666;}
.shipping-table .right {text-align: center;}
.shipping-table th {padding: 5px; background: #666;}
.shipping-table td {padding: 5px;}

/* Homepage */
#promo li {float: left; display: inline;}

/* Product Listing */
.hproduct .price {color: #000; background: #fff;}
.hproduct .promo {color: #000; background: transparent;}
.hproduct .new {color: #fff; background: transparent url(../../images/product-new-bg.gif) 0 0 repeat;}
.hproduct .sale {color: #fff; background: transparent url(../../images/product-sale-bg.gif) 0 0 repeat;}
#products, .productList {margin: 15px 0; line-height: 1;}
#products h3 {text-transform: uppercase; margin: 10px 0;}
#products .hproduct a, .productList .hproduct a {display: block;}
#products .hproduct, .productList .hproduct {height: 275px; width: 152px; margin: 0 8px 15px 0; float: left; display: inline; position: relative; overflow: hidden;}
.hproduct img {width: 150px;}
.hproduct .price {position: relative; left: 1px; top: -25px; margin-bottom: -25px; font-weight: bold; padding: 2px 3px;}
.hproduct .promo {position: relative; float: right; z-index: 10; right: 1px; top: -25px; font-weight: bold; padding: 2px 3px;}
.hproduct .title a {margin-top: -10px; clear: none;}
.hproduct .sizes {font-size: 80%; text-transform: uppercase; margin-top: 3px; display: block;}
.sort {float: left; display: inline;}
.sort h2 {text-transform: uppercase; display: inline; padding-right: 10px; font-size: 1.2em;}
.items-per-page {width: 200px; float: right; display: inline; text-align: right;}
.pagination {float: right; display: inline; text-align: right; padding: 3px 15px 0 15px;}
.pagination li {display: inline;}
.actions {padding: 3px 0 0 0; width: 200px; float: left; display: inline;}
.actions li {display: inline;}

/* Digital Listing */
.digital-categories {display: block; width: 780px; margin-bottom: 30px; border-bottom: 1px solid #666;}
#products .digital-categories .hproduct {height: 225px;}
.category-album {border-bottom: 1px solid #666; padding-bottom: 10px; margin: 0 15px 20px 0;}

/* Product Detail Page */
.product-image {width: 302px; float: left;}
.product-image a:hover {cursor: url(../images/zoom.cur), url(../images/zoom.cur), default;}
.product-image #thumbnails {width: 300px; margin-top: 10px;}
.product-image #thumbnails ul li {float: left; width: 74px; text-align: center;}
.product-image #thumbnails ul li img {padding: 5px;}
.product-image p {font-size: 80%; text-align: center; margin-bottom: 5px;}
.product-description {margin: 0 165px 0 325px;}
.product-description h2 {text-transform: uppercase; font-size: 14px;}
.product-description .product-price {margin: 10px 0 20px 0; font-weight: bold; font-size: 14px;}
.product-price .price-hint {font-style: italic; font-size: 0.8em; font-weight: normal; padding-left: 5px;}
form.product-options {margin: 20px 0;}
.product-price_retail {font-weight: normal;}
.price_retail {text-decoration: line-through;}
.product-description .product-price_retail {float: left; margin-top: 10px; padding-right: 5px;}

/* Media Product */
.media-image {width: 150px; float: left;}
.media-image img {width: 150px;}
.media-description {margin: 0 0 0 10px; float: left;}
.media-description .product-price {margin: 10px 0 20px 0; font-weight: bold; font-size: 14px;}
.media-description input {margin-top: 5px; *margin-left: -10px;}
.media-description h2 {text-transform: uppercase; font-size: 14px; margin: 0 0 10px 0;}
.media-description img.btn {margin: 10px 0;}
.media-price {margin: 10px 0 20px 0; font-size: 14px;}
.media-items {clear: both; padding: 10px 15px 0 0;}
.category-album .media-items {padding-right: 0;}
.media-items table {width: 100%;}
.media-items th {padding: 5px; margin: 0 0 5px 0; height: 17px; vertical-align: middle;}
.media-items td {padding: 3px 0;}
.media-items td, .media-items th {width: 80px; text-align: center;}
.media-items .media-title {width: 370px; text-align: left; padding-left: 5px; padding-right: 10px;}
.media-items .media-artist {width: 370px; text-align: left; padding-left: 5px; padding-right: 10px;}
.media-items .media-track-price {width: 110px; text-align: left; padding-left: 5px;}
.media-items .media-track-price .product-price span {width: auto; float: none;}
.media-items .media-buttons {width: 120px; text-align: right; padding-right: 5px;}
.media-items th.media-buttons {padding-right: 30px;}
.download-warning {font-weight: bold;}

/* Profile Page */
#profile_content .content {margin: 20px 0;}
#profile_content dt, #profile_content dd {padding: 3px 0;}
#profile_content dt {float: left; width: 200px; clear: both;}
h2.tabbed_row_title {margin: 30px 0 5px 0; text-transform: uppercase;}
#email_history table {margin: 10px 0 0 0;}
.profile_orders th, .profile_orders td, #email_history table th, #email_history table td {padding: 3px 0;}
.profile_order_totals {text-align: right;}
.profile_order_totals td {padding: 5px 0 5px 15px;}
.profile_orders .delivery {margin: 20px 0 0 0; float: left;}
.profile_orders .totals {float: right; margin: 20px 30px 0 0;}
#email_history .email_popup {padding: 10px 50px 10px 5px;}
#email_history .email_popup div {padding: 2px 0;}

/* Popup Basket */
#basket {position: relative; z-index: 2;}
.basket_details {width: 300px; position: absolute; left: 425px; z-index: 10; padding: 10px;}
* html .basket_details {left: -25px;}
a#shopping_cart_lines_btn1 {float: right;}
.basket_details ul li {margin: 5px 0;}
.basket_details img.product_image {width: 75px; float: left;}
.basket_details .text_holder {margin: 0 0 0 85px;}
.basket_details .text_holder p {margin: 3px 0;}
.basket_details span.info {font-weight: normal;}
.basket_details  p.total {float: left; margin: 10px 0 0 6px; font-weight: bold; text-transform: uppercase;}
.basket_details  input {float: left;}

/* Popup Windows */
.popup-window {position: absolute; width: 400px; height: 370px; padding: 10px; z-index: 500; text-align: left;}
.popup-window h2 {text-transform: uppercase;}
.popup-window h3 {margin: 20px 0 10px 0;}
.popup-window th, .popup-window td {padding: 5px 0; text-align: left;}
.popup-window#terms-conditions {width: 800px; height: 500px; overflow: auto;}

/*Checkout */
.checkout #order_summary, .checkout #order_totals_container {margin: 0 15px 0 0;}
#order_summary th {text-transform: uppercase;}
#order_totals_container th.shipping_total,#order_totals_container td.shipping_total,
#order_totals_container th.order_total,#order_totals_container td.order_total {text-align: right; text-transform: uppercase;}
#delivery_details_container h2, #card_selection_container h2, #billing_details h2 {font-size: 14px;}
.checkout .lc {text-align: right; padding: 0 15px 0 0; width: 20%;}
.checkout .fc {width: 56%; text-align: left;}
.checkout .ic {width: 12%; text-align: right;}
.checkout .total {text-align: right;}
.checkout fieldset.legend legend {padding: 10px 0 2px 0;}
#order_totals_container td {vertical-align: middle;}
#order_totals_container td.total {padding: 0 15px 0 0; width: 30%;}
#delivery_method, #delivery_details, #billing_details {margin: 20px 0;}
form#card_form td {padding: 5px 0;}
input#submit_order_button {margin: 20px 0 0 0;}
.checkout form.generic_form fieldset.single_col input {width:145px}
label span {padding: 0 10px 0 0;}
form#delivery_address_form, form#card_form {padding: 10px 0 20px 0;}
#checkout_signin, #checkout_register {width: 300px; margin: 0 0 0 30px;}
#checkout_signin {margin-left: 440px;}
#checkout_register {float: left;}
#checkout_signin .header h2, #checkout_register .header h2 {margin-top: 5px; font-size: 14px;}
#checkout_signin .header h2 {padding-top: 10px;}
#checkout_register legend span {width: 350px; white-space: normal; display: block; margin: 0; padding: 0;}
#checkout_unavailable {margin: 20px 0;}
#checkout_unavailable h5 {margin: 0 0 5px 0;}
#checkout_unavailable td {padding: 2px 0;}

/* Order Confirmation */ 
.order_confirmation h2.tabbed_row_title {margin: 0 0 5px 0;}
.order_number {margin: 0 0 20px 0; font-weight: bold;}
.thankyou {margin: 0 30px 0 0;}
.thankyou #basket_summary col, .thankyou #basket_summary th, .thankyou #basket_summary td {border: 0; padding: 5px 0; text-align: right; width: 12%; vertical-align: middle;}
.thankyou #basket_summary .fc {width: 52%; text-align: left;}
.thankyou .thankyou_goods_total {border-top: 1px solid #fff;}
.thankyou .thankyou_total {border-bottom: 2px solid #fff;}
.thankyou #thankyou_delivery, .thankyou #thankyou_payment {float: left; width: 300px; margin: 20px;}

/* Currency select box replacement */
select#currency_select {display: block;margin: 6px 0 0 0;width: 130px;}
select#currency_select.replaced {width: 1px;position: absolute;left: -999em;}
ul.selectReplacement {float: left; padding: 2px; margin-top: 6px; height: 20px; width: 130px; position: relative;z-index: 1;}
ul.selectReplacement li {cursor: pointer;display: none;text-indent: 3px;line-height: 18px; font-size: 12px;}
ul.selectOpen {*margin-bottom: -200px;}
ul.selectOpen li {display: block;}
ul.selectReplacement li.selected {display: block;}
ul.selectOpen li.selected {border: 0;display: block;}

/* Growler styles */
.Growler-notice-body a {text-decoration: none; font-weight: bold;}
.Growler-notice-body a:hover {text-decoration: underline;}
.Growler-notice-body ol {padding-left:10px; border: none; margin: 0 0 0 5px;}
#Growler div{padding:8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 10pt;  margin-top: 5px; z-index: 1000;}
#Growler div div{padding:0;-moz-border-radius:0;margin:0;}
.taoshop-notify, .taoshop-info {padding:8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 10pt; margin-top: 5px;}
.Growler-notice-body a {color: #000;}
#Growler div {background-color: #f00; color: #ffffff;}
.taoshop-notify,.taoshop-info {background-color: #f00; color: #ffffff;}
#Growler .taoshop-error {background-color: #f00; color: #ffffff;}
.taoshop-warning {background-color: #f00;}

/* Miscellaneous */
#divAdminContainer a {color: #CB0A0A !important;}
#divAdminContainer ul#ai_nav li a:hover {color: #fff !important;}
a, button, .cart_button, #currency_submit {cursor: pointer !important;}
span.pipe {padding: 0 5px;}
.whitespace {margin: 20px 0;}
.bold {font-weight: bold;}
br.cl, hr.cl, .clear {clear: both;}
.replaced {display: block; overflow: hidden; text-indent: -5000px; height: 1px; width: 1px;}
.clearfix:after {clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
#access {display: none;}
form.generic_form div,.formError {margin-left: 125px; font-size: 12px; color: #f00; text-align: left;}
#release-info {position: absolute; left: -10px; white-space: nowrap; top: -30px; font-size: 8pt; padding: 5px;}