/*--------------------------
	CSS by Rod Miles	
	One Grey Paw
	www.OneGreyPaw.com
	
	September 2008
	
	CSS Styles for
	MusicCityCanada.com
----------------------------*/
 
 
/*----------------------
	Imports
-----------------------*/

@import url('content.css'); 
@import url('mainmenu.css'); 
@import url('ad.css');


/*----------------------
	Global Reset
------------------------*/

* {
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6,blockquote,form,label,ol,dl,fieldset,address {
margin:0.5em 0;
}

dd { margin-left:1em; }

fieldset { padding:.5em; }

img { border: none; }

p { padding: 0; margin: 0.6em 0 0.8em 0; }

 
/*----------------------
	HTML Items
-----------------------*/
 
body
	{
	margin: 0;
	padding: 0;
	font: 100.01%/120% arial,helvetica,geneva,verdana,sans-serif;
	color: #4D4D4D;
	text-align: center;	
	background: #383838 url('../images/body-bg.gif') repeat-x 0 0;
	}
 
h1,h2,h3 { font: normal normal 2.2em arial,helvetica,verdana,sans-serif; }
h1 { margin: 0 0 0.3em 0; padding: 0; font-weight: bold; border-bottom: 1px solid #ccc; color: #C30C10; }
h2 { font-size: 1.7em; margin: 0.8em 0 0.5em 0; padding-bottom: 0; border-bottom: 1px solid #ccc; color: #666; }
h3 { font-size: 1.4em; font-weight: bold; margin: 0.8em 0 0.5em 0; padding-bottom: 0; color: #555; }

a { color: #C30C10; }
a:hover { color: #999; text-decoration: none; }
a:active { color: #ccc; }




/*----------------------
	Layout Items
-----------------------*/

#mainWrapper
	{
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;	
	text-align: center;
	font-size: 75%;
	}

#header, #content, #footer
	{
	position: relative;
	width: 960px;
	height: auto;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	}
 
#header
	{
	height: 141px;
	background: url('../images/header-bg.jpg') no-repeat 59% top;
	}

#topMenu
	{
	float: right;
	height: 85px;
	width: 350px;
	text-align: right; 
	background: url('../images/header-phone.gif') no-repeat 100% 0;
	overflow: hidden;
	}

#mcLogo
	{
	position: relative;
	float: left;
	width: 366px;
	height: 43px;
	margin: 34px 0 8px 0;
	background: url('../images/music-city-logo.gif') no-repeat 0 0;
	}
 
#mainMenu
	{
	position: relative;
	z-index: 200;
	clear: both;
	width: 100%;
	height: 30px;
	margin: 0;
	text-align: left;
	background: url('../images/mm-left.gif') no-repeat 0 0;
	}

#subMenu
	{
	margin: 2px 0 0 0;
	padding: 0 0 0 106px;
	background: url('../images/sm-left.gif') no-repeat 9px 4px;
	}
 	
#breadcrumbs 
	{ 
	font-size: 0.9em; 
	margin: 5px 0 1.1em 3px; 
	color: #999;
	}

#content
	{
	clear: both;
	padding: 1px 0;
	z-index: 1;
	overflow: auto;
	background: url('../images/content-bg.gif') repeat-y 0 0;
	}

* html #content { z-index: -1 } /*for dd menus*/

#contentBody
	{
	position: relative;
	padding: 0 0 1em 0;
	line-height: 1.5em;
	float: right;
	width: 680px;
	right: 25px;
	overflow-x: hidden;
	}

#midPanel
	{
	position: relative;
	float: left;
	width: 100%;
	padding: 0 0 1em 0;
	}
	
#leftPanel
	{	
	position: relative;
	float: left;
	left: 1px;
	width: 230px;
	margin: 10px 0 0 0;
	padding: 0 0 1.5em 0;
	height: auto;	
	}

#footer	{ font-size: 0.9em; }

#footerInside { }

#footerMenu 
	{
	width: 100%;
	float: left;
	padding: 0;
	color: #fff;
	padding-bottom: 1em;
	line-height: 1.4em;
	background: #494949 url('../images/footer-bg.gif') no-repeat 0 0;
	}

#footerInfo
	{
	clear: both;
	padding: 0.6em 0 1em 0;
	margin: 0;
	line-height: 1.5em;
	color: #888;
	text-align: right;
	border-top: 1px solid #000;
	}


/*--------------------------------
	Menus (exlcluding mainmenu)
---------------------------------*/

#topMenu ul { margin: 0; padding: 59px 0 0 0; list-style: none; }
#topMenu ul li { float: right; height: 26px; margin: 0 0 0 2px; padding: 0 8px 0 0; background: url('../images/tm-item-bg.gif') no-repeat 100% 0; }
#topMenu ul li a { display: block; margin: 0; height: 25px; color: #777; text-decoration: none; padding: 3px 0 0 8px; background: url('../images/tm-item-bg.gif') no-repeat 0 0; }
* html #topMenu ul li a { float: left;  }
#topMenu ul li a:hover { color: #C30C10; }
#topMenu ul li a:active { color: #aaa; }

#subMenu ul { margin: 0; padding: 0; list-style: none; }
#subMenu ul li { display: inline; margin: 0; padding: 0; }
#subMenu a { color: #333; text-decoration: none; }
#subMenu a:hover { color: #C30C10; }
#subMenu a:active { color: #aaa; }

#breadcrumbs ul { margin: 0; padding: 0; list-style: none; }
#breadcrumbs ul li { margin: 0; padding: 0 3px 0 0; display: inline; }
#breadcrumbs a { background: url('../images/bc-arrow.gif') no-repeat 100% 5px; padding-right: 10px; }

.leftMenu { padding-bottom: 0; margin-bottom: 1.5em; font-size: 1em; }
.leftMenu ul { padding: 0; margin: 0; list-style: none; }
.leftMenu ul li { line-height: 23px; padding: 0; list-style: none; width: 230px; }
.leftMenu ul li a { display: block; height: 24px; color: #555; text-decoration: none; padding: 0 0 0 30px; }
.leftMenu ul li a:hover { color: #fff; }
.leftMenu ul li a:active { color: #ccc; }

.leftMenuHeading { width: 230px; height: 23px; }
#lmProducts.leftMenuHeading { background: url('../images/lm-heading-products.gif') no-repeat 0 0; }
#lmServices.leftMenuHeading { background: url('../images/lm-heading-services.gif') no-repeat 0 0; }
#lmCompany.leftMenuHeading { background: url('../images/lm-heading-company.gif') no-repeat 0 0; }
#lmAccount.leftMenuHeading { background: url('../images/lm-heading-account.gif') no-repeat 0 0; }
#lmCheckout.leftMenuHeading { background: url('../images/lm-heading-checkout.gif') no-repeat 0 0; }
#lmFamily.leftMenuHeading { background: url('../images/lm-heading-family.gif') no-repeat 0 0; }

.leftMenu a { background: url('../images/lm-item-bg.gif') no-repeat 0 0; }
.leftMenu #lmProdGuitar a { background: url('../images/lm-guitar.gif') no-repeat 0 0; }
.leftMenu #lmProdKeys a { background: url('../images/lm-keys.gif') no-repeat 0 0; }
.leftMenu #lmProdOrchestral a { background: url('../images/lm-orchestral.gif') no-repeat 0 0; }
.leftMenu #lmProdPercussion a { background: url('../images/lm-percussion.gif') no-repeat 0 0; }
.leftMenu #lmProdlighting a { background: url('../images/lm-lighting.gif') no-repeat 0 0; }
.leftMenu #lmProdSound a { background: url('../images/lm-live-sound.gif') no-repeat 0 0; }
.leftMenu #lmProdStudio a { background: url('../images/lm-studio.gif') no-repeat 0 0; }
.leftMenu #lmServRentals a { background: url('../images/lm-rentals.gif') no-repeat 0 0; }
.leftMenu #lmServRepairs a { background: url('../images/lm-repairs.gif') no-repeat 0 0; }
.leftMenu #lmServFamily a { background: url('../images/lm-family.gif') no-repeat 0 0; }
.leftMenu #lmServTrade a { background: url('../images/lm-trade-up.gif') no-repeat 0 0; }

.leftMenu a:hover, .leftMenu #lmProdGuitar a:hover, .leftMenu #lmProdKeys a:hover, .leftMenu #lmProdOrchestral a:hover,
.leftMenu #lmProdPercussion a:hover, .leftMenu #lmProdlighting a:hover, .leftMenu #lmProdSound a:hover, 
.leftMenu #lmProdStudio a:hover, .leftMenu #lmServRentals a:hover, .leftMenu #lmServRepairs a:hover,
.leftMenu #lmServFamily a:hover, .leftMenu #lmServTrade a:hover
{ background-position: 0 -40px; }

#leftPanel .leftMenu a.selected { background-position: 0 -40px; color: #fff; }
#leftPanel .leftMenu ul.lmInner { margin: 0 0 0 45px; padding: 0; list-style: disc; }
#leftPanel .leftMenu ul.lmInner li { display: list-item; line-height: 1.3em; margin: 0; padding: 1px 0 0 0; list-style: disc; }
#leftPanel .leftMenu ul.lmInner li a { display: inline; background-image: none; padding: 0; margin: 0;}
#leftPanel .leftMenu ul.lmInner li a:hover { color: #aaa; }
#leftPanel #lmProdGuitarWrap ul { color: #FAA71B; }
#leftPanel #lmProdKeysWrap ul { color: #A22589; }
#leftPanel #lmProdOrchestralWrap ul { color: #0290B4; }
#leftPanel #lmProdPercussionWrap ul { color: #70C045; }
#leftPanel #lmProdLightingWrap ul { color: #DBC300; }
#leftPanel #lmProdSoundWrap ul { color: #008047; }
#leftPanel #lmProdStudioWrap ul { color: #EA4043; }
#leftPanel .lmInnerWrap { background-color: #e8e8e8; width: 230px; padding-bottom: 10px; border-bottom: 1px solid #999; }
* html #leftPanel .lmInnerWrap { overflow: hidden; }
 
.footerMenu { float: left; width: 175px; padding: 20px 0 0 0; margin: 8px 10px 0 0; }
.footerMenu ul { margin: 0 0 0 3px; padding: 0; list-style: none; }
.footerMenu ul li { margin: 0; padding: 0;  }
.footerMenu a { color: #fff; text-decoration: none; padding: 0; }
.footerMenu a:hover { color: #ccc; text-decoration: underline; }
.footerMenu a:active { color: #999; text-decoration: none; }

#footerInfo a { color: #999; text-decoration: none; }
#footerInfo a:hover { color: #777; text-decoration: underline; }

#fmProducts.footerMenu { background: url('../images/fm-heading-products.gif') no-repeat 0 0; margin-left: 10px; } 
#fmServices.footerMenu { background: url('../images/fm-heading-services.gif') no-repeat 0 0; left: 15px;} 
#fmCustomers.footerMenu { background: url('../images/fm-heading-customers.gif') no-repeat 0 0; } 
#fmShop.footerMenu { background: url('../images/fm-heading-shop.gif') no-repeat 0 0; left: -10px; } 
#fmContact.footerMenu { background: url('../images/fm-heading-contact.gif') no-repeat 0 0; margin-right: 0; } 
#fmContact.footerMenu p { margin: 0 0 10px 3px; padding: 0; }
#fmContact.footerMenu a.fmLink { margin: 0 0 0 3px; padding: 0 0 0 15px; display: block; background: url('../images/item-arrow.gif') no-repeat 0 5px;  }


/*----------------------
	Base Classes
-----------------------*/

.adobe { background: url('../images/adobe-icon.gif') no-repeat 0 0; padding-left: 20px; }

.clear { clear: both; }
	
.tBold { font-weight: bold; }
.tItalic { font-style: italic; }
.tSmall { font-size: 0.8em; }
.tLarge { font-size: 1.2em; }
.tCenter { text-align: center; }
.tUnder { text-decoration: underline; }
.tStrike { text-decoration: line-through; }
.tRed { color: #C30C10; }
.tCapitalize { text-transform: capitalize; }
.tUpper { text-transform: uppercase; }

.imgR { float: right; margin: 0.8em 0 1em 1em; }
.imgL { float: left; margin: 0.8em 1em 1em 0; }
 
.horizBorder { border-top: 1px solid #ccc; height: 1px; }
.horizDouble { border-top: 3px double #ccc; height: 3px; }

.pipe { padding: 0 4px; color: #999; }

.required { color: #F11B25; font-weight: bold; }

.noShow, #mcLogo b { display: none; }