/**
*
* WMC Music Stylesheet
* Theme designed by Wiseguy Digital
*
*/

html, * { margin:0; padding:0; }
body { background:#ebebeb; color:#666; }
a { color:#333; text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4, h5, h6, .page-title h1, .page-title h2 { color:#222; }
.hide { display: none; }
br.clear { clear: both; height:0; }

/** Column layouts */
.col-main { width:780px; }
.col-left, .col-right { width: 170px; }
.col3-layout .col-main { width:600px; }
.col3-layout .col-wrapper { width:777px; }

/** Wrapper */
.wrapper { background:url(../images/page-bg.gif) repeat-x #ebebeb; }

/** Page */
.page { width:980px; margin:auto; margin-bottom:20px; background:#fff; }

/** Header */
.header-container { background:transparent; border:none; }
.header { padding:5px 0; width:960px; height:75px; }
.header .logo { margin:10px 0 0 0; }
.header .welcome-msg { color:#666; }
.header #call-now { position: absolute; left:180px; top:5px; color:#666; font-weight: bold; font-size:13px; }
.header #call-now span { font-size: 16px; color:#222; }

/** Quick Access */
.header .quick-access { width:810px; padding:0; }
.quick-access .links li { font-weight:bold; font-size:13px; color:#666; }
.quick-access .links a { font-weight:bold; font-size:13px; color:#222; padding:2px 4px; }
.quick-access .links a:hover { background:#222; color:#fff; text-decoration: none; }
.quick-access .topcart img { margin-right:10px; margin-top:2px; }
.quick-access .topcart { position:absolute; background:#fff; border:3px solid #bf2026; padding:5px 10px; font-size:12px; right:0; bottom:10px; color:#222; font-weight:bold; }
.quick-access .topcart a { text-decoration:underline; margin-right:10px; }
.quick-access .topcart a:hover { color:#bf2026; }

/** Search box */
.header .form-search { background:none; position:absolute; left:140px; top:43px; right:auto; width:550px; height:auto; }
.header .form-search input { background:url(../images/search-bg.png) no-repeat 5px 5px #f4f4f4; border:3px solid #ccc; width:420px; font-size:13px; padding:4px 8px 4px 25px; color:#000; float:left;}
.header .form-search button.button span { background:none; color:#222; height:20px; padding-top:5px; }
.yui-ac-content { width:420px; border-width: 5px; }
.yui-ac-highlight { background:#eee; }
.yui-ac-content strong { color:#222; }
.header .form-search .search-autocomplete li, .yui-ac-content li { border:none; border-bottom:1px dotted #ccc; }

/** Navigation */
.nav-container { background:none; }
#nav-wmc { margin:0 auto; width:960px; padding:0; background:url(../images/grey-grad.gif) repeat-x #222; font-size:13px; }

/* All Levels */ /* Style consistent throughout all nav levels */
#nav-wmc li { position:relative; text-align:left; }
#nav-wmc li.over { z-index:998; }
#nav-wmc a,
#nav-wmc a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav-wmc span { display:block; cursor:pointer; white-space:nowrap; }
#nav-wmc li ul span {white-space:normal; }

/* 0 Level */
#nav-wmc li { position:relative; float:left; border-right:1px solid #222; border-left:1px solid #666; font-size:12px; width:auto; }
#nav-wmc li.active a { background:#bf2026; border-left:1px solid #f00; }
#nav-wmc a { float:left; padding:7px 15px; color:#fff; font-weight: bold;  }
#nav-wmc li.over a,
#nav-wmc a:hover { background:#bf2026; color:#fff;  }

/** Sub-nav */
#nav-wmc li div.nav-block { position:absolute; padding:10px 10px 20px; top:25px; display: none; background:#fff; border: 5px solid #bf2026; }
.nav-block-left { left:-10px }
.nav-block-right { right:-200px }
#nav-wmc li div.nav-block .nav-column { width:170px; float:left; margin-right:10px; padding-right:10px; }
#nav-wmc li div.nav-block .last { border: none; margin:0; padding-right: 0; }
#nav-wmc ul.sub-nav li span.nav-heading { margin-top:5px; border-bottom:1px dotted #ccc; font-weight:bold; color:#222; font-size:11px; text-transform: uppercase; margin-bottom:5px; }
#nav-wmc ul.sub-nav li { background:transparent; border:none; display:block; float: none; }
#nav-wmc ul.sub-nav li a { background:transparent; border:none; float:none; padding: 2px 0; margin:0; font-weight: normal; color:#444; }
#nav-wmc ul.sub-nav li a:hover { text-decoration: underline; }
#nav-wmc ul.sub-nav ul { list-style:disc; margin-left:2em; }
#nav-wmc ul.sub-nav ul li { list-style: disc; display: list-item; }
#nav-wmc li .col-1 { width:170px; }
#nav-wmc li .col-2 { width:360px; }
#nav-wmc li .col-3 { width:550px; }
#nav-wmc li .col-4 { width:740px; }
#nav-wmc li .col-5 { width:930px; }

#nav-wmc:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

/** Buttons */
button.button span,
.cart-table .btn-continue span,
.cart-table .btn-update span,
.cart .discount button span,
.cart .shipping button span,
.my-wishlist .buttons-set .btn-add span,
.my-wishlist .buttons-set .btn-share span { padding:2px 10px; background:#BF2026; color:#fff; border:none; font-size:11px; border:1px solid #730e11; border-left-color: #ea8589; border-top-color: #ea8589; }
.cart-table .btn-continue span span,
.cart-table .btn-update span span,
.cart .discount button span span,
.cart .shipping button span span,
.my-wishlist .buttons-set .btn-add span span,
.my-wishlist .buttons-set .btn-share span span{ padding: 0; background: none; border:none; }
.cart-table .btn-continue span,
.cart-table .btn-update span,
.cart .discount button span,
.cart .shipping button span,
.my-wishlist .buttons-set .btn-add span,
.my-wishlist .buttons-set .btn-share span { background-color: #222; border:none; }


/** Breadcrumbs */
.breadcrumbs { color:#666; }
.breadcrumbs a { text-decoration:underline; }
.breadcrumbs strong { font-weight:normal; }

/** Layered navigation */
.block-layered-nav { background:#fff; font-size:12px; }
.block-layered-nav .block-content { background:#fff; border:none; }
.block-layered-nav dt { background:url(../images/grey-grad.gif) repeat-x #222; color:#fff; font-size:11px; margin-bottom:0; padding:5px 10px; }
.block-layered-nav dd { padding:5px; background:none; }
#narrow-by-list { background:#f4f4f4; }
.block-layered-nav .currently { color:#222; border:1px solid #ddd; }
.block-layered-nav .currently li { background:#eee; }
.block-layered-nav .currently .label {  font-size:11px; background:none; padding-left:0; }
.block-layered-nav .block-subtitle { background:none; border:none; color:#222; font-size:11px; }
.block-layered-nav .actions { background:none; padding-bottom:20px; }

/** Main sections */
.main-container { background:none; }
.main { background:none; padding:10px 0; width:960px; }

/** Product list */
.products-list .product-name a { color:#222; }
.regular-price .price, .price-box .price { color:#bf2026; font-size:17px; }
.minimal-price-link:hover { text-decoration: none; }
.minimal-price-link .label, .minimal-price-link .price { color:#bf2026; }
.toolbar .sort-by { float:right; }
.toolbar .pager {  border-bottom:1px solid #ddd; background:#eee; padding:10px; }
.products-list .product-name { color:#222; font-size:15px; }
.link-wishlist { color:#BF2026 !important; }

/** Product grid */
.category-title { background:url(../images/grey-grad.gif) repeat-x #222; margin-bottom:0; }
.category-title h1 { color:#fff; color:#fff; font-size:18px; padding:15px 10px 5px 10px; }
.products-grid { background:none; border:none; }
.products-grid li.item { background:url(../images/page-bg.gif) repeat-x #ebebeb; width:180px; margin:3px; padding:5px; height:320px; }
.products-grid li.first { margin-left:0; }
.products-grid li.last { margin-right:0; }
.products-grid .product-image { width:180px; height:180px; }
.products-grid .product-name a { color:#222; font-size:12px; }
.col2-left-layout .products-grid, .col2-right-layout .products-grid { width:auto; }
.rating-box .rating { background:url(../images/bkg_rating.gif) repeat-x scroll 0 100% transparent; }

.category-promo { border:4px solid #222 }
.category-promo h2 { background:#444; color:#fff; padding:5px 10px; font-size:14px; margin-bottom:0; }
.category-promo li.item { background:#eee; margin-right:0; margin-top:0; margin-bottom:0; }

/** Upsell products */
.product-view .box-up-sell .products-grid { background:transparent; border:none; }
.product-view .box-up-sell .products-grid td { background:#fff; border:none; width:33%; padding:10px; }
.product-view .box-up-sell .products-grid td.empty { background:#fff; }
.product-view .box-up-sell .products-grid td img { border:none; }

/** Product page */
.product-view { border:none; }
.product-title { background:url(../images/grey-grad.gif) repeat-x #222; margin-bottom:0;}
.product-title h1 { color:#fff; font-size: 18px; padding:15px 10px 5px; }
.product-essential { background:none; padding:0; }
.col1-layout .product-view .product-shop { width:630px; }
.product-view .product-img-box { background:#222; padding:10px; width:300px; }
.product-view .product-img-box .product-image { padding:0; margin:0; }
.product-view .product-img-box .more-views h2 { color:#fff; border: none; }
.product-view .short-description { margin-top:20px; color:#fff; font-size:11px; font-weight: bold; }
.product-shop .ratings { margin-top:20px; }
.product-shop .call-to-action { margin:20px 0; background:#ebebeb; padding:10px 20px; }
.product-shop .call-to-action button.button { margin-left:20px; }
.product-shop .call-to-action button.button span { font-size:13px; padding:5px 15px; }
.product-shop .call-to-action button.button span span { border:none; padding:0; }
.product-view .product-shop .add-to-links { text-align: left; }
.product-view .useful-links li { display:inline-block; margin-right:20px; }

.product-collateral { background: none; padding:20px 0 0 0; }
.product-collateral h2 { color:#222; border-bottom:1px solid #ccc; }
.product-collateral ul#tab-nav { list-style:none; border-bottom:1px solid #ccc; padding:0; margin:0; }
.product-collateral ul#tab-nav li { display:inline; margin-right:1px; padding:0; }
.product-collateral ul#tab-nav li a { background:url("../images/grey-grad.gif") repeat-x #222; color:#fff; padding:7px 10px 4px 10px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; }
.product-collateral ul#tab-nav li.tab-active a { background: #f8f8f8; color:#222; }
.product-collateral ul#tab-nav li.tab-active a:hover { text-decoration: none; }
.product-collateral div#tab-video,
.product-collateral div#tab-questions,
.product-collateral div#tab-reviews,
.product-collateral div#tab-related,
.product-collateral div#tab-extra { display:none; }
.product-collateral div.tab-box { padding:20px; background:url("../images/page-bg.gif") repeat-x #ebebeb; }
.product-view .data-table { border-color: #ddd; }

#tab-questions .productquestions-container { background:none; padding:0 0 30px 0; border:none; }
#tab-questions .productquestions-container h2 { color:#222; border-bottom:1px solid #ccc; }
#tab-questions .productquestions-container li.record { margin:10px 0; }
#tab-questions .productquestions-container li.record ul { background:#fff; }
#tab-questions .productquestions-container li.record ul li.question { font-weight:bold; color:#222; }
#tab-questions .productquestions-container li.record ul li.reply { background:#eee; color:#666; }
#tab-questions .productquestions-container li.record ul li.helpfulness { background:#fff; color:#999; }

#customer-reviews dl { clear:both; }
#customer-reviews dt { clear:both; padding-top:30px; padding-bottom: 20px; }
#customer-reviews dd, #customer-reviews form { clear: both; }
table.ratings-table { border-bottom:1px solid #ccc; float:left; margin-right:30px; }
table.ratings-table th { width:140px; }
#customer-reviews small.date { clear: both; float: none; display:block; }

/** Send to a friend form */
.send-friend .page-title { margin:0; border:none; }
.send-friend .fieldset { margin:10px 0; }
.send-friend .fieldset .legend { margin-bottom: 10px; }
.send-friend .form-list { width:400px; }
.send-friend .form-list .field { width:200px; }
.send-friend .form-list .input-box { width:180px; }
.send-friend .form-list input.input-text { width: 180px; }
.send-friend .form-list li.wide .input-box { width:400px; }
.send-friend .form-list li.wide textarea { width:378px; height:60px; }
.send-friend .buttons-set { margin:0; }

/** Data table */
.data-table thead th { background:url(../images/grey-grad.gif) repeat-x #222; color:#fff; border-right:1px solid #666; }
.data-table tfoot tr { background:#eee !important; }
.data-table tfoot tr.first td { background:none;}

/** Basket page */
#shopping-cart-table { border:10px solid #222; }
.product-name a { color:#222; }
.cart .discount, .cart .shipping { background:#eee; border:none; }
.cart .discount h2, .cart .shipping h2 { color:#222; background: none; padding:0; }
.cart .cart-collaterals { padding:0; }
.cart .cart-collaterals .col2-set { width:680px; padding-top:15px; }
.cart .cart-collaterals .col2-set .col-1 { width:370px; }
.cart .crosssell { background:none; border: none; }
#crosssell-products-list li { border-bottom: 1px dotted #ccc; padding-bottom:10px; margin-bottom: 10px; }
.cart .totals { background: #222; color:#fff; border: none; }
#onestepcheckout-form h1.onestepcheckout-title { text-transform: none; font-weight: bold; }
.btn-remove2 { background:url(../images/btn_trash.gif) no-repeat; }

/** Checkout */
#checkout-payment-method-load dt { font-weight:bold; color:#222; }


/** Account login page */
.account-login .content { background:none; border:none; }
.account-login .content h2 { color:#222; }
.account-login .buttons-set { background:none; border:none; }

/** Account section */
.block-account { border-color:#ccc; }
.block-account .block-title { background:url(../images/grey-grad.gif) repeat-x #222; }
.block-account .block-content li.current { color:#222; }
.block-account .block-content li a:hover { color:#bf2026; }
.box-account .box-head h2 { color:#222; background:none; padding-left:0; }
.dashboard .box-recent .box-head h2, .dashboard .box-info .box-head h2, .box-reviews h2 { background:none; }
.fieldset ul.form-list { background:#eee; padding:10px; }
.addresses-list h2 { color:#222; }
.link-reorder { color:#bf2026 !important; }

/** Newsletter */
.pp_description { display: none !important; }
.newsletter { background:#fff; padding:20px; color:#666; line-height:1.5em; }
.newsletter form label { width:200px; float: left; color:#222; font-size:11px; }
.newsletter .actions { margin-left:200px; margin-top:10px; }


/** Footer */
.footer-container { text-align: left; padding:10px; border:none; }
.footer div.footer-column { width:180px; margin-right:10px; float:left; }
.footer div.last-column { margin: 0; }
.footer { color:#666; padding:10px; width:940px; border-top:4px solid #ddd; }
.footer a { color:#666; font-weight:normal; }
.footer .links { padding:0 0 10px 0; color:#222; }
.footer li { display: block; padding:0; background: none; font-size:11px; }
.footer .order-by-phone { margin-top:20px; }
.footer .links a { color:#222; }
.link-facebook {background:url("../images/i_facebook.gif") no-repeat 0 2px; line-height:14px; padding-left:18px; white-space:nowrap;}
.link-twitter {background:url("../images/i_twitter.gif") no-repeat 0 2px; line-height:14px; padding-left:18px; white-space:nowrap;}
.link-myspace {background:url("../images/i_myspace.gif") no-repeat 0 2px; line-height:14px; padding-left:18px; white-space:nowrap;}
.footer a:hover { background:#666; color:#fff; text-decoration: none; }
.footer a.link-rss:hover { background: url(../../default/images/i_rss.gif) no-repeat 0 2px #fff; color:#666; text-decoration: underline; }
.footer a.link-facebook:hover { background: url(../images/i_facebook.gif) no-repeat 0 2px #fff; color:#666; text-decoration: underline; }
.footer a.link-twitter:hover { background: url(../images/i_twitter.gif) no-repeat 0 2px #fff; color:#666; text-decoration: underline; }
.footer a.link-myspace:hover { background: url(../images/i_myspace.gif) no-repeat 0 2px #fff; color:#666; text-decoration: underline; }
.footer address { color:#666; }
.footer-footer { color:#999; height:15px; clear: both; border-top:1px solid #ddd; width:940px; margin:10px; font-size:11px; text-align: left; padding:10px; }
.footer-footer address { width:50%; float:left; }
.footer-footer p { width:50%; float: right; text-align: right; margin:0; }

/** Form elements */
.fieldset { background: none; border:none; padding: 0; }
.fieldset .legend { background: none; border: none; color:#222; margin:0; padding:0; clear:both; float: none; }
select { border:1px solid #ccc; background:#fff; }
input.input-text:focus, select:focus, textarea:focus { background:#eee; }

/** Adverts */
.ad-cat-top { width:780px; height:120px; background:#000; margin-bottom:0; }
.ad-under-nav { background:#caddeb; color:#405768; width:940px; margin:auto; padding:3px 10px; border-bottom:1px solid #b6c2cb; }
.ad-under-under-nav-left { margin-left:10px; width:460px; float:left; background:#000; color:#fff; padding:3px 10px; }
.ad-under-under-nav-right { width:460px; float:left; background:#222; color:#fff; padding:3px 10px; }

.home-main-left { width: 550px; height: 390px; background: #fff; float: left; }
.home-top-right { width: 400px; float: left; height: 190px; margin-left: 10px; background: #dddddd; }
.home-bottom-right { width: 400px; float: left; height: 190px; margin-left: 10px; margin-top:10px; background: #dddddd; }
.home-long-bar { border-top:1px solid #eee; height:90px; padding:10px; width:940px; margin:10px auto 0 auto; background:url(../images/long-bar-bg.gif) repeat-x #eaeaea; }
.long-bar-column { width:214px; padding:5px 10px; height:80px; float:left; text-align:left; border-right:1px solid #ddd; }
.last-bar { border-right:0; }
.long-bar-column h3 { color:#222; text-transform: uppercase; font-size:13px; font-weight: bold; }
.long-bar-column p { font-size:12px; }

.home-long-bar h3 { padding-left:20px; }
.home-long-bar h3.delivery { background: url(../images/truck.png) no-repeat transparent; }
.home-long-bar h3.planet-wmc { background: url(../images/world.png) no-repeat transparent; }
.home-long-bar h3.clearance { background: url(../images/sale.png) no-repeat transparent; }
.home-long-bar h3.problems { background: url(../images/crazy.png) no-repeat transparent; }

/** Cms pages */
h1.cms-header { margin:0 0 20px 10px; font-weight: bold; border-bottom:3px solid #ddd; padding-bottom:5px; }
.cms-3-col { width: 300px; float: left; margin: 0 10px; }
.cms-3-col-wide { width:610px; float: left; margin: 0 10px; }
.cms-fullwidth { width:940px; margin: 0 10px; }
.cms-3-col h2,
.cms-3-col h3,
.cms-3-col-wide h2,
.cms-3-col-wide h3,
.cms-fullwidth h2,
.cms-fullwidth h3 { color:#222; font-weight:bold; }
.cms-3-col-wide h2 { margin-top: 20px; border-top:1px dotted #ccc; padding-top:20px; }
.cms-3-col ul,
.cms-3-col-wide ul,
.cms-fullwidth ul{ list-style:disc; margin-left:2em; }
.cms-3-col ol,
.cms-3-col-wide ol,
.cms-fullwidth ol { margin-left:2em; list-style:decimal; }
.cms-3-col ol ol,
.cms-3-col-wide ol ol,
.cms-fullwidth ol ol { list-style:lower-latin; }
.cms-3-col ol ol ol,
.cms-3-col-wide ol ol ol,
.cms-fullwidth ol ol ol { list-style:lower-roman; }
p.intro-p { font-weight:bold; }
.cms-3-col address,
.cms-3-col-wide address,
.call-on { font-size: 15px; margin-bottom:10px; color:#222; border-top:1px dotted #ccc; padding-top:10px; }
.free-delivery { color:#bf2026; font-weight: bold; }
ul.faqs { border-top:1px dotted #ccc; list-style:none; margin-left:0; }
.faqs li { border-bottom: 1px dotted #ccc; padding:5px; }
.google-maps { padding-left:40px; height:30px; background: url(../images/maps_icon.png) no-repeat; }
.google-maps a { color:#bf2026; }
#contactForm ul { list-style:none; margin-left:0; }
