/*----------------------------+
 | Site: Music Mart				    |
 +----------------------------*/

 
@import url("reset.css");
@import url("form-style.css");


/* Core layout 
======================================================================*/
body {font:11px Arial, Helvetica, sans-serif; background:#eaeaea url(../images/core/bg.jpg) no-repeat top center;}
#background {}
	#container {width:972px; height:668px; margin:0 auto; padding:63px 0 0 4px;}
		#flash-banner {width:971px; height:195px;}
			#flash {float:right; overflow:hidden; width:514px; height:195px;}
			#logo { float: left;}
		#navigation {width:972px; height:32px;}
		#content-container {width:972px; height:441px; background:url(../images/core/pink-repeat.gif) repeat-x;}
			#left-column {float:left; width:309px; height:441px; background:url(../images/core/cta-left.gif) no-repeat; overflow:hidden;}
				#search-container {margin:27px 15px 10px 15px; background:url(../images/titles/title-search.gif) no-repeat 0 0; padding:37px 0 0 0;}
				#search-results-container {width:630px;}
					.search-results {border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:10px 0 10px 0; padding:4px; background-color: #edeeef;}
				#latest-news {margin:0 15px 0 15px; padding:0 10px; height:100px; background:url(../images/titles/title-latest-news.gif) no-repeat 0 0;}
				#address {margin:0 15px; padding:0 10px; }
			.home #content {float:left; width:380px; height:360px; margin:25px 20px 0 0; padding:22px 0 0 0; position:relative;}
			#content {float:left; width:650px; height:360px; margin:37px 0px 0 0; overflow:auto; visibility: visible; position:relative; display: block; }
			#weekly-specials {float:left; width:263px; height:420px; overflow:hidden; background:url(../images/core/right-bg.gif) no-repeat 225px -20px;}
	#footer {margin:0 auto; width:972px; padding:45px 0 0 0; text-align:center;}
	
	.cart {float:right; padding:1px 10px 0px 10px;}
	
	
/* Specials layout 
----------------------------------------------------------------------*/
ul.weekly-specials-items {list-style:none; margin:15px 15px 0 0;}
ul.weekly-specials-items li {height:85px; border:1px solid #edeeef; padding:10px; overflow:hidden; margin:10px 0 0 0;}
	ul.weekly-specials-items li img {/*border:1px solid #ccc; padding:1px;*/ margin:0 0 0 10px; float:right;}
ul.weekly-specials-items li.title {background:#edeeef; height:14px !important; padding:6px 10px 6px 10px; font-weight:bold;}

#weekly-specials .weekly-specials-header {height:50px; overflow:hidden; font-weight:bold; color:#000;}
.price {height:20px; overflow:hidden; font-size:14px; font-weight:bold; color:#FF3300;}



/* Products layout 
----------------------------------------------------------------------*/
 dl.categories-listing {border: 1px solid #ccc; background-color: #edeeef; width: 145px; height: 130px; text-align: center; padding: 0 0 10px 0; float: left; display: block; margin: 0 10px 10px 0; position:relative; }
.categories-listing dt {font-weight: bold; background-color: #ccc; color: #333; padding: 5px 10px; margin-bottom: 10px; display: block; height:30px;}
.categories-listing dd img {border: 1px solid #ccc; padding:1px;}
.categories-listing dd {margin: 0; padding: 0 10px 0 10px; font-size: 11px; height:80px; clear:right; display: block; }

.listing {border:1px solid #ccc; padding:10px 10px 7px 10px; margin:0 20px 10px 0; background-color: #edeeef; min-height:110px;}
.listing-thumbnail {float:right; border:1px solid #ccc; margin:20px 0 0 0; position:relative;}

.detail-container {border-top:1px solid #ccc; width:630px;}
	.detail-left {float:left; width:450px; padding:15px 20px 0 0; position:relative;}
	.detail-right {float:left; width:150px; padding:15px 0 0 0; text-align:center; position:relative;}
	
	ul.prices {}
	ul.prices li {border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:10px 0 10px 0; padding:4px; background-color: #edeeef;}
	
.products .price {height:20px; padding:0 0 10px 0; font-size:14px; font-weight:bold; color:#FF3300;}
.products .our-price {height:20px; padding:0 0 10px 0; font-size:14px; font-weight:bold; color:#339999;}
.more-images {margin:10px 0; border:1px solid #ccc; display:block;}
.more-images h3{font-size:1.1em; color:#000; padding-left:5px; display:block; background:#ccc;}
.more-images img {margin:0 10px;}

.clear {clear:both;}


.colour-container{display:block; margin:0 0 10px; clear:both;}
.colour-listing1, .colour-listing2{float:left; position:relative; padding:2px;}
.colour-listing1{width:24px;}
.colour-listing2{width:48px;}
.colour1, .colour2{float:left; width:20px; height:20px; border:1px solid #ccc; margin-right:1px;}

/* Newsletter layout 
----------------------------------------------------------------------*/
.newsletter-container {width:630px;}
	.news-item {padding:15px 20px 0 0; border-top:1px solid #ccc; margin:10px 0 0 0;}


/* Newsletter layout 
----------------------------------------------------------------------*/	
ul.faq-listing {width:630px !important; padding:0 20px 0 0; }
ul.faq-listing li {border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:10px 0 10px 0; padding:10px; background-color: #edeeef;}


/* Contact layout 
----------------------------------------------------------------------*/
.contact-info {float:right; width:150px; padding:0 20px 0 0;}


/* Navigation layout 
======================================================================*/
ul#nav {list-style:none; float:right; width:972px; display: inline-block; clear: both;}
ul#nav li {float:left; height:32px; overflow:hidden;}
ul#nav li a {display:block; height:32px; text-indent:-9999px;}
ul#nav li a:hover {background-position:0 -32px!important;}

ul#nav li#home a {background:url(../images/nav/home.gif) no-repeat; width:120px;}
ul#nav li#about a {background:url(../images/nav/about.gif) no-repeat; width:123px;}
ul#nav li#products a {background:url(../images/nav/products.gif) no-repeat; width:124px;}
ul#nav li#specials a {background:url(../images/nav/specials.gif) no-repeat; width:123px;}
ul#nav li#newsletter a {background:url(../images/nav/newsletter.gif) no-repeat; width:124px;}
ul#nav li#faq a {background:url(../images/nav/faq.gif) no-repeat; width:123px;}
ul#nav li#links a {background:url(../images/nav/links.gif) no-repeat; width:123px;}
ul#nav li#contact a {background:url(../images/nav/contact.gif) no-repeat; width:112px;}

.home ul#nav li#home a {background-position:0 -32px!important;}
.about ul#nav li#about a {background-position:0 -32px!important;}
.products ul#nav li#products a {background-position:0 -32px!important;}
.specials ul#nav li#specials a {background-position:0 -32px!important;}
.newsletter ul#nav li#newsletter a {background-position:0 -32px!important;}
.faq ul#nav li#faq a {background-position:0 -32px!important;}
.links ul#nav li#links a {background-position:0 -32px!important;}
.contact ul#nav li#contact a {background-position:0 -32px!important;}

#footer a {font-weight:bold; color:#000; text-decoration:none;}
#footer a:hover {color:#FF0000;}

a {text-decoration:none; color:#FF3300; font-weight:bold;}
a:hover {text-decoration:underline;}

#weekly-specials a {color:#333; text-decoration:underline;}
#weekly-specials a:hover {color:#000;}

.categories-listing a {color:#000;}
.categories-listing a:hover {color:#333;}


 /* Font Style
======================================================================*/
h1 {font-size:18px; text-transform:uppercase; padding:0 0 15px 0; color:#666; font-style:italic;}
h2 {font-size:16px; padding:0 0 7px 0; color:#000; font-weight:normal;}
.faq h2 {background:url(../images/music.png) no-repeat 0 0; padding:0 0 10px 25px;}
h3 {font-size:14px; padding:0 0 7px 0; color:#FF0000; font-weight:bold;}
h4 {font-size:14px; padding:0 0 7px 0; color:#FF6600; font-weight:bold;}
h5 {font-size:12px; padding:0 0 5px 0; color:#000;}
p, .desc {padding:0 0 10px 0; line-height:17px; color:#333;}

#search-container p {padding:3px 0 3px 0; font-weight:bold;}

ul#latest-news-items {padding:35px 0 0 0;}
ul#latest-news-items li {padding:2px 0 2px 0;}

ul.links {padding:0 0 25px 15px;}
ul.links li {padding:0 0 7px 0;}

#address p {font-size:10px; padding:0 0 4px 0; line-height:17px; color:#666;}


/* Extras 
======================================================================*/
.float-right {float:right;}
.float-left {float:left;}

.webfirm-logo {padding:10px;}
.hidden-form{display:none; padding:0; margin:0; height: 0; width:0;}
.doc {background:url(../images/icon-word.gif) no-repeat 0 0; padding:0 4px 7px 25px;}
.pdf {background:url(../images/icon-pdf.gif) no-repeat 0 0; padding:0 4px 7px 25px;}

.checkout-price-listing {clear:both; width:230px; float:right;}
.checkout-price-listing dt {font-weight:bold; float:left; width:160px;}
.checkout-price-listing dd {font-weight:normal; float:right; width:60px; margin-left:10px;}

ul#tc {list-style: inside; float:left; line-height: 20px; }
ul#privacy {list-style: inside; float:none; line-height: 20px; }