body {
	margin: 0px;
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #000000;
	background-image:url(images/web_background_3.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
p, li, a {font-size:11px;}
h1, h1 a {font-size:14px; font-family: Geneva, Arial, Helvetica, sans-serif;}
h2, h2 a {font-size:14px;}
h3{	font-size:13px;}
h4, h4 a{font-size:12px;
	color: #4E96D1;
	}
	
a, a:link, a:visited, a:active {
	color: #387ED1;
	text-decoration: none;
}
a:hover
{
	color: #F79421;
}

td {
font-family : Verdana, Arial, Helvetica, sans-serif;	
}
/*LAYOUT CONTROL*/

.floatLeft{ float:left; }
.floatRight{ float:right;}

#container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 119px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color:#656565;
	padding-top:10px;
	}

#top {
	position:relative;
	background-color:transparent;
	margin-top:-120px;
	background-image:url(images/mmw_logo_web_09_1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:110px;
	padding: 0;
	
	
} 
#left { /* See style_tweaks.php for IE hacks */
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */	
	background-color:#EEEEEE;
	margin:10px 0 0 10px;
	border: solid 1px;
	border-color:#333333;
	padding:10px 10px 10px 10px;
}

	
#middle {
	margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 580px; /* override this for IE */
}

#adminMain {
	margin: 0 0 0 175px; /* for admin pages we will not use te right hand column */
	padding: 0 10px 0 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: url(images/admin_bg.jpg) #FFFFFF no-repeat left top;
} 
	
#right {
	float: right; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */	
	background-color:#EEEEEE;
	margin:10px 10px 0 0;
	border: solid 1px;
	border-color:#333333;
	padding: 10px;
}
#footer {
	clear: both;
	padding: 0 0px 0 0px;
	}
#leftbanner {
	display:none;
	}
	
#printHeader {
	display:none;
	}
	
/*END LAYOUT CONTROL*/

.clearer {
	clear: both;
	line-height: 0;
	height: 0;
}
	
/*HEADER & NAV*/


.headerMenu {
	position:relative;
	float:left;
	text-align: left;
	text-transform: lowercase;
	background-color: #4E96D1;
	height:25px;
	width:100%;
	border-bottom: solid 1px #333333;	
}

.headerMenu img {
	display:none;
}


#headerMenuBox {
	position:relative;
	margin-bottom: 0px;
	padding: 0px;
	float: left;
	clear: left;
	width: 100%;
	
}

#headerMenuBox a {
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}

#headerMenuBox a:hover {
	color: #333333;
	background-color:transparent;
}

#headerBox table {
	display:none;
	}
	
#headerTopMenu {
	float:left;
	position:relative;
	display:block;
	height:25px;
	width: 100%;	
}

#headerTopMenu ul {
    margin:0;
    padding:0;
    list-style:none;
    }
#headerTopMenu li {
    float:right;
	background:url("images/store_btn_bg_01.gif")	
      no-repeat left top;
    margin:0;
    padding:0 0 0 15px;
    }
#headerTopMenu a {
    display:block;
	background:url("images/store_btn_bg_02.gif")
      no-repeat right top;
    padding:0 15px 0 0;
    }


.headerMenu a, .headerMenu a:link, .headerMenu a:visited, .headerMenu a:active
{
	text-align: left;
	text-decoration: none;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	margin-top: 2px;
	padding: 2px 10px 2px 10px;
}

.headerMenu a:hover
{
	background-color: #6699CC;
	color: #000;
}

#headerBox { /* for main banner and big buttons */	
	height: 85px;
	width: 100%;
	background-color:transparent;
	margin: 0 auto 0 auto;
	background-image:none;
	background-repeat: no-repeat;
	background-position: right 40%;
	
	
}

.leftSubMenu {
	width:100%;
	}
.leftSubMenu, .leftSubMenu p, .leftSubMenu a, .leftSubMenu a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	margin:0;
	padding:2px 0;
	color:#272727;
	text-transform: uppercase;
}

.leftsubmenu a:hover {
	color:#F47C20;
}

/*END HEADER & NAV*/

/* audio player div */
			
    .playerContainerDiv {
    width:100%;
	clear:both;
	height: 25px;
    margin:0px auto 5px auto;
	background:#333333;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
    }
	.playerContainerDiv div {
	padding:5px;
	clear:none;
	float:left;
    }
	
	.playerContainerDiv a {
    color:#FFFFFF;
	text-decoration:none;
    }
	
	.playerContainerDiv img {
	float:right;
	padding:2px;
	}
	
	.playerDiv {
    width:100%;
    margin:15px auto 0px auto;
	text-align:center;
    }


/* end audio player div */

.dot_rule{border-bottom:1px gray dotted;margin:15px 0; clear:both;}


/* EXPANDING INFO BOX */

.infobox1 {
	width: 150px
	text-align: left;
	margin: 0 auto 5px auto;
	border: solid 1px #4e96d1;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	z-index:20;
}
.infoBox1 a, .infoBox1 a:link, .infoBox1 a:visited, .infoBox1 a:active {	
font-size:11px;
}

.infobox1 h2 {
	background-color:#4e96d1;
	margin: 0;
	border: 0;
	color: #FFFFFF;
	font-size: 10px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
} 

/* END EXPANDING INFO BOX */
 
/* MAIN CONTENT */

#promopages {
	position: relative;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:center;
	font-size:12px;
}

.featureBoxRight {
	float:right;
	clear:right;
	width: 205px;
	margin: 10px 0 10px 5px;
	background-color: #D7E5FF;
	padding: 8px;
	border: 1px solid #4E96D1;
}

.featureBoxRight img {
	float:right;
	margin:0 0 10px 5px;
}

.featureBoxRight p, .featureBoxRight li {
	margin:0 0 10px 0;
	font-size:10px;
	font-style:italic;
}

.center { text-align:center; }

.mainDetail {
	float:left;
	background-color:#FFFFFF;
	margin-top:10px;
	padding: 10px 15px;
	border: solid 1px;
	border-color:#333333;
}

div.mainDetail { width: 550px; }

.mainDetail h1, .promopages h1 {
	clear:both;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4E96D1;
	text-transform: capitalize;
	color:#222222;
	text-decoration:none;
}

.mainDetail h1 a, {
	text-decoration:none;
	color:#000000;
}

.mainDetail h1 a:hover {
	color: #387ED1;
}

.mainDetail h2, .promopages h2, .mainDetail h2 a {
	clear:both;
	text-transform: uppercase;
	text-align:left;
	background-color: #4E96D1;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-weight: normal;
}

.mainDetail h2 a:hover
{
	color: #F79421;
}

.mainDetail h3, .promopages h3{
margin-top: 20px;
text-align:left;
}

.mainDetail li {
	padding-bottom: 0.5em;
}

img.mainDetail {
	float:right;
	border: 1px solid #4E96D1;
	padding: 6px;
	background-color: #FFFFFF;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	background-image:url(images/ajax-loader.gif);
	background-position:center;
	background-repeat:no-repeat;
}

img.imageGeneral {
	margin: 5px 0 5px 0;
	background-image:url(images/ajax-loader.gif);
	background-position:center;
	background-repeat:no-repeat;
}

img.imageLeft {
	margin: 0 10px 5px 0;
	background-image:url(images/ajax-loader.gif);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}

img.imageRight {
	margin: 0 0 5px 10px;
	background-image:url(images/ajax-loader.gif);
	background-position:center;
	background-repeat:no-repeat;
	float:right;
}


/*/* Begin Images ### from wordpress css */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images ### from wordpress css */

table.specs {
	border: 1px solid #000000;
}

table.specs th {
	text-align:left;
	background-color: white;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

table.specs td {
	background-color: white;
	font-size: 10px;
}

table.specs tr.row td{
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	}

table.specs tr.row td.shade{
	background-color: #EEEEEE;
}

table.specs tr td p {
	margin: 0px;
}

table.specs tr td blockquote {
	margin: 0px 0px 0px 20px;
}

table.specs tr.row th.shade{
	background-color: #EEEEEE;
	padding: 10px;
}

table.specs tr.row th.header{
	background-color: #D8D8D8;
	padding: 20px 10px 10px 10px;
	color: #333333;
}

table.specs tr.row td.header{
	background-color: #E1E1E1;
	padding: 10px;
	color: #333333;
	font-weight:bold;
	text-align:center;
}

.mainDetailPic img {
float:right}

/* main page news items */



/* spacer and category heading */
.spacer {
	clear: none;
  }

.spacer h2 {
	text-align: left;
	font-size: 13px;
	letter-spacing: 0.3em;
	background-color: #4E96D1;
	color: #FFFFFF;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 12px;
	}
.spacer h4 {
	text-align: center;
	background-color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;	
	}	

/* image and names for general brand product overview */
.productlist {
	height: 170px;
	width: 160px;
	text-align: center;
	}


/* END MAIN CONTENT */

/*FOOTER & NAV*/
.footerMenu {
	text-align: center;
	text-transform: lowercase;
	font-size: 11px;
	padding: 5px;
	border-left: 0px;
	background-color: #4E96D1;
	height: 20px;
}

.footerMenu a, .footerMenu a:link, .footerMenu a:visited, .footerMenu a:active
{
	text-align: center;
	text-decoration: none;
	color:#FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	letter-spacing: 1px;
}

.footerMenu a:hover
{
	color: #333333;
	background-color:transparent;
}

/*END FOOTER & NAV*/

#adminPanel {
	min-height: 350px;
	max-height: 600px;
	width: 750px;
	overflow: auto;
	border: 1px solid #CCCCCC;
	margin-top: 3px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
}
html>body #adminPanel {height: 480px;
}

table.adminPanel {
border-collapse:collapse;
height: 10px;
margin: 0px 0px 0px 0px;
}

table.adminPanel tr.row td {
	border-width:1px 0;
	border-style:solid;
	border-color:black;
	padding: 0px 3px 0px 3px;
}
table.adminPanel tr.row td.left{
border-width:1px 0 1px 1px;
}
table.adminPanel tr.row td.right{
border-width:1px 1px 1px 0;
}
table.adminPanel tr.row td.shade{
	background-color: #eecfa1;
}

table.adminPanel th {
	letter-spacing: normal;
	white-space: nowrap;
	padding-right: 5px;
	padding-left: 2px;
	font-size: 11px;
}
table.adminPanel td {
	white-space: nowrap;
	font-size: 10px;
}

table.imageLink {
margin: 0px 10px 5px 5px;
}

table.imageLink td {
padding: 0;
}

table.imageLink th {
	border-collapse:collapse;
	border: 1px solid #CCCCCC;
	background:#F8FAFB;
	padding: 3px 0;
	font-weight: normal;
	font-size: 9px;
}


/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

.CollapsiblePanel {
width: 100%;
	margin: 0;
	padding: 0;
	z-index: 1000;
}

.CollapsiblePanelTab {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	/*cursor: pointer;*/
	-moz-user-select: none;
	-khtml-user-select: none;
	background-image:url(http://www.majormusic.com.au/images/mmw_expand.gif);
	background-repeat:no-repeat;
	background-position: left center;
}

.CollapsiblePanelContent {
	margin: 0px 0px 15px 0px;
	font-size: 90%;
	color:#000000;
	background-color: #ffffff;
}

.CollapsiblePanelContent p {
	padding: 2px 10px 2px 10px;
}


.consoleOptions p {
	line-height:0.7ems;
	padding: 0px 5px 0px 5px;
	color: #666666;
}

.consoleOptions a:link, .consoleOptions a:visited, .consoleOptions a:active {
	color: #999999;
	text-decoration: underline;
	border:none;
}

.consoleOptions a:hover {
	color: #cccccc;
	text-decoration: underline;
	border:none;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #FFFFFF;
	background-image:url(http://www.majormusic.com.au/images/mmw_contract.gif);
	background-repeat:no-repeat;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #4E96D1;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #4E96D1;
}
#messageBox {
	background-color: #D7E5FF;
	padding: 15px;
	border: 1px solid #4E96D1;
}

/*######### CHRISTMAS OVERRIDES ##############*/

/*.mainNews h1 {
	border-bottom-color: #009900;
	color: #C40600; 
}


.headerMenu a:hover
{
	background-color: #6699CC;
	background-color: #C40600;
	color: #000;
}

img.mainDetail, img.mainDetail p {
	border: 1px solid #009900;
}

a, a:link, a:visited, a:active {
	color: #C40600;
}
a:hover
{
	color: #006600;
}	


.headerMenu {
	background-color: #009900;
}

.mainDetail h1, .promopages h1 {
	
	border-bottom-color: #009900;
	
}

.mainDetail h2, .promopages h2 {
	background-color: #009900;
}

body {
	background-color: #000000;
	background-image: url(images/web_background_xmas.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
.footerMenu {
	background-color: #009900;
	
}


.footerMenu a:hover
{
	background-color: #C40600;
}*/

/*.infobox1, .infobox1_body, .infobox1_head, .infobox1_head h2 {
	background-image: url(images/infobox_xmas.gif);
}

#headerBox {
background-color: #C40600;
	background-image: url(images/mmw_logo_holly.gif);
}

#top {
	background-color: #C40600;
	}*/

/*######### END CHRISTMAS OVERRIDES ##############*/