/* @override http://localhost:8888/Musicworks_Webpage/style.css */

/* @override http://localhost:8888/Musicworks_Webpage/style.css */

    /* <!-- */
    /* General styles */
    #fixed {
  		margin:0 auto;
   		width: 922px;  /* you can use px, em or % */
   		text-align:left;
	}
    html {
		background-repeat: repeat-x;
		background-image: url('../images/onepixelgrad.jpg');
		background-color: white;
	}
    body {
    	/*font-family:Arial,Verdana,sans-serif;*/
    	font-family:Verdana,Arial,sans-serif;
        display: table;
        background-position: center top;
        background-repeat: no-repeat;
        background-image: url('../images/topper.jpg');
        text-align: center;
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width: 100%;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
    }
	a {
	}
	a:hover {
		text-decoration:none;
	}
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
		top: 310px;
	}
	img {
		margin: 0;
	}
	/* Header styles */
    #header {
        /*clear:both;*/
        width:920px;
		height: 139px;
	}
	#header {
		border-bottom:1px solid #000;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top: solid;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.content {
		background-color: white;
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    /*clear:both;
	    float:left;*/
        width:920px;			/* width of whole page */
		overflow:hidden;
		border-bottom: 1px solid #660066;
		border-right: 1px solid #640167;
		border-left: 1px solid #640167;
	}
	/* 2 column settings */

	#leftColumn {
		float: left;
		width: 200px;
		padding-left: 15px;
		padding-top: 35px;
		
	}
	#rightColumn {
		float: right;
		width: 690px;
		padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		/*position: relative;*/
	}
	
	#main_image {
		background-image:url('../images/mwadbanner.jpg');
		height:268px;
		/*margin-top:10px;*/
		width:689px;
	}
	
	#feat_prod_area {
		padding-bottom: 10px;
		margin-bottom: 15px;		
		border-bottom: 1px solid #AAAAAA;
		margin-top: 20px;
	}

	#t-featured{
		padding-top: 20px;
		height: 0;
		overflow: hidden;
		background-image:url('../images/featured.jpg');
		background-repeat:no-repeat;
		background-position: top center;
	}

	#feat_prod_area img {
		float: left;
		/*margin-left: 20px;*/
	}
		
	#feat_prod_details {
		font-size: small;
		font-family: Verdana, "Lucida Grande", Arial, sans-serif;
		width: 480px;
		padding: 0;
		margin: 0 0 0 20px;
		float: left;
		/*position: relative;*/
		display: inline;
	}
	
	#feat_prod_details h2 {
		clear: none;
		color: #993399;
		margin: 0 0 10px 0;
		font: bold 2em Verdana, "Lucida Grande";
	}
	#feat_prod_details h2 a{
		color: #993399;
	}
	
/*	#featured_buttons {
		position: absolute;
		top: 420px;
		right: 30px;
		width: 150px;
	}*/
	
	#product_col_left{
		float: left;
		width: 340px;
		min-height: 500px;
		padding-right: 9px;
		border-right: 1px solid #AAAAAA;
		/*position: relative;*/
	}
	
	.new_release_details {
		font-family:Verdana,"Lucida Grande",Arial,sans-serif;
		font-size:8pt;
		font-size-adjust:none;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:normal;
		margin: 15px 0 25px 10px;
		padding: 0;
	}
	.new_release_details h3 {
		color:#993399;
		font-size:10pt;
		margin-top: 0;
	}
	.new_release_details h3 a{
		color:#993399;
	}
	.new_release_details td {
		vertical-align: top;
	}
	
	.new_release_details_img {
		/*clear:left;*/
/*		float:left;*/
		margin-left:0;
		padding-right:5px;
		margin-top:0;
		min-width: 90px;
	}
	
	#t-new_releases{
		padding-top: 24px;
		height: 0;
		overflow: hidden;
		background-image:url('../images/newreleases.jpg');
		background-repeat:no-repeat;
		background-position: top center;
		margin: 0;
	}

	
	#product_col_right{
		/*position: relative;*/
		float: right;
		/*margin-right: 10px;*/
		min-height: 500px;
		text-align: center;
		width: 340px;
	}

	#product_col_right h2 a{
		color: #993399;
		font: bold 12pt Verdana, "Lucida Grande", Lucida, sans-serif;
	}
	

	#t-teaching_systems{
		padding-top: 20px;
		height: 0;
		overflow: hidden;
		background-image:url('../images/teaching.jpg');
		background-repeat:no-repeat;
		background-position: top center;
		margin: 0;
	}
	
	.spacer {
		height: 20px;
	}
	
	#teachingSystemBox {
		margin-top: 10px;
	}
	
	#teachingSystemBox h2 {
		margin: 5px 0;
	}

	#tourBox {
		/*padding-left: 15px;	*/
		padding-bottom: 15px;	
	}
	
	.relativePosition{
		position: relative;
	}
	
	.textCenter {
		text-align: center;
	}
	    
	/* Footer styles */
	#footer {
        width:100%;
		clear: both;
		height: 100px;
	}
    #footer p {
        padding:10px;
        margin:0;
    }
    
	#telephone_callout {
		color: #660066;
		font: bold 13pt Verdana, "Lucida Grande", Lucida, sans-serif;
		/*padding: 0;
		margin-top: 10px;
		margin-bottom: 10px;*/
	}

	#toll_free {
		color: #660066;
		font: italic bold 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	}

	#copyright {
		font: xx-small Verdana, "Lucida Grande", Lucida, sans-serif;
		float: left;
		width: 530px;
		margin-top: 4px;
	}

	.footer_links {
		float: right;
		font: bold 8pt Verdana, "Lucida Grande", Lucida, sans-serif;
		margin-top: 5px;
		margin-right: 10px;
		margin-left: 10px;
	}

	.footer_links a{
		color: #000000;
	}
	#secure_shopping {
		float: right;
		width: 146px;
		height: 54px;
		clear: right;
		margin-top: 10px;
	}
/*	
	#searchBtn {
		background-color:#8E2F81;
		border:2px solid #731F77;
		color:white;
		display:inline;
		font-size:8pt;
		font-weight:bold;
		letter-spacing:2px;
		margin-left: 4px;
		padding:2px;
		text-align:center;
		width:30px;
	}
*/	
    /* --> */
    
/* Start Clearfix */

.content:after, #feat_prod_area:after, .new_release_details:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.content, #feat_prod_area, .new_release_details:after
{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .content, * html #feat_prod_area, * html .new_release_details
{
	height: 1%;
}
.content, #feat_prod_area, .new_release_details
{
	display: block;
}
/* End hide from IE-mac */

    .col1 {
	    width:100%;
	}
	
	em {
		font-family: "Lucida Grande";
		font-weight: bold;
		color: red;
		text-decoration: none;
		font-style: normal;
		font-size: 12pt;
	}
	
    #headerlogo {
		margin-top: 10px;
		height: 74px;
		/*clear: right;*/
		width: 253px;
		float: right;		
		background-image: url('../images/mwlogo.png');		

			/*azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
	*/
		margin-bottom: 15px;
	}
	
    #nav {
    	margin-bottom: 6px;
		margin-top: 15px;
		/*clear: right;*/
		float: right;
		text-align: right;
		width: 460px;
		height: 17px;
		}
    #nav ul {
		padding: 0px;
		margin: 0px;
	}
    #nav ul li {
		display: inline;
		white-space: nowrap;
	}
    #nav ul li a {
		text-decoration: none;
		color: white;
		font-size: 9pt;
		font-weight: bold;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	/*padding-right: .5em;
	padding-left: .5em;*/
	}

	#nav .paddingRight {
		margin-right: 1em;
	}
	
	#nav .paddingLeft {
		padding-right: 1em;
	}


    #headercallout {
    	
		margin-top: 77px;
		margin-bottom: 3px;
		height: 20px;
		
		width: 510px;
		
		float: left;
		
		background-image: url('../images/tagline.png');
		
	}
	
	#t-shopcat { 
		margin-left: 0px; 
		margin-bottom: 5px; 
		margin-right: 0px; 
		margin-top: 0px; 
		height: 23px; 
		width: 179px;
		padding: 0px; 
		position: relative; 
		overflow: hidden;
	 }	
	
	#t-shopcat span { 
		background-repeat: no-repeat; 
		background-position: left top; 
		background-image: url('../images/shopcatalog.jpg'); 
		padding: 0px; 
		margin: 0px; 
		height: 23px; 
		width: 179px; 
		z-index: 1; 
		top: 0px; 
		left: 0px; 
		position: absolute; 
		display: block; 
	}
	
	#h_shopnav {
		/*clear: both;
		padding-top: 4px;
		font-weight: bold;
		font-size: small;
		font-size: 11px;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		color: white;
		padding-left: 10px;
		background-color: #993399;*/
		height: 53px;
		width: 190px;
		margin-bottom: 10px;
		/*vertical-align: middle;*/
	}
	/*
	#h_shopnav img{
		vertical-align: top;
	}
	*/
	#searchBarContainer label {
		display: block;
		margin-left: 0px;
		margin-bottom: 3px;
		margin-right: 0px;
		margin-top: 5px;
		font-weight: bold;
		/*font-size: x-small;*/
		font-size: 11px;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		padding: 0px;
		color: #fff;
		
	}
	
	#t-teachtour { 
		margin-left: 0px; 
		margin-bottom: 5px; 
		margin-right: 0px; 
		margin-top: 15px; 
		height: 20px; 
		width: 187px;
		padding: 0px; 
		position: relative; 
		overflow: hidden;
	 }
	 
	#t-teachtour span { 
		background-repeat: no-repeat; 
		background-position: left top; 
		background-image: url('../images/ourtourheader.png'); 
		padding: 0px; 
		margin: 0px; 
		height: 23px; 
		width: 187px; 
		z-index: 1; 
		top: 0px; 
		left: 0px; 
		position: absolute; 
		display: block; 
	}
	
	#h_teachtour {
		/*color: white;
		padding-top: 4px;
		font-weight: bold;
		font-size: 11px;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		padding-left: 15px;*/
		height: 52px;
		
		/*background-color: #FF9933;*/
		width: 190px;
		margin-bottom: 10px;
	}
	
	/*
	#h_teachtour:hover {
		background-color: #CC6600;
	}
	#h_teachtour a{
		color: white;
	}
	*/
	
	#t-saleitems { 
		margin-left: 0px; 
		margin-bottom: 5px; 
		margin-right: 0px; 
		margin-top: 15px; 
		height: 20px; 
		width: 148px;
		padding: 0px; 
		position: relative; 
		overflow: hidden;
	 }
	 
	
	
	
	#t-saleitems span { 
		background-repeat: no-repeat; 
		background-position: left top; 
		background-image: url('../images/oursaleheader.png'); 
		padding: 0px; 
		height: 23px; 
		width: 179px; 
		z-index: 1; 
		top: 0px; 
		left: 0px; 
		position: absolute; 
		display: block;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}
	 
	
	
	#h_saleitems {
		/*padding-top: 4px;*/
		font-weight: bold;
		font-size: 11px;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		color: white;
		/*padding-left: 15px;*/
		height: 52px;
		/*background-color: #CC0033;*/
		width: 190px;
		margin-bottom: 15px;
	}

	#h_saleitems:hover {
		/*background-color: #990033;*/
	}
	#h_saleitems a{
		color: white;
	}

	#bottomBtn {
		width: 100%;
		margin: 20px 0;
	}
	
	#posterBanner{
		margin: 15px 0;
		
	}
	
	#error404{
		color: #993399;
		padding-left: 10px;
		margin-top: 0 !important;
	}
	
	.green {
		color: #99CC00 !important;
	}
embed{ width: 280px; height: 280px;}
#MB_window 
{
  min-height:330px;
  height:auto !important;
  height:330px;
}