/* MGM */

/* -------------------------------------------------------------------------------------------------------- */
/* General */
/* -------------------------------------------------------------------------------------------------------- */

*
{
	margin: 0;
	padding: 0;
	border-width:0;
	border-style:solid;
}

body
{
	background:url(../img/template/background.jpg) repeat-x;
	font: 13px Helvetica;
	width: 1020px;
	margin: 0 auto;
	background-color: #ffffff;
	
}

a {outline: none; text-decoration: none;}
a:hover {text-decoration: underline;}

a img {border: none;}

a.generated_button
{
	display: block;
	height: 23px;
	border-width: 1px;
	border-color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

a.generated_button span {display: none;}

.generated_heading
{
	display:block;
	margin-bottom:15px;
}

.clearing{clear:both}
.hidden{display:none;}
.left {float: left;}
.right {float: right;}

/* -------------------------------------------------------------------------------------------------------- */
/* Error Page */
/* -------------------------------------------------------------------------------------------------------- */

#pageNotFound {margin-top: 80px; text-align:center; font-size: 18px; text-transform: uppercase;}

/* -------------------------------------------------------------------------------------------------------- */
/* Site content */
/* -------------------------------------------------------------------------------------------------------- */

#siteContent 
{
	width: 990px;
	padding: 0 15px 20px 15px;
	float: left;
	clear: both;
	background-color: #ffffff;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
}

.tile_grid .product_price {display:none;}

/* -------------------------------------------------------------------------------------------------------- */
/* Site Header */
/* -------------------------------------------------------------------------------------------------------- */
#siteHeaderBox
{
	background-color: #000000;	
	width:990px;
	margin:auto;
	
	
}
#siteHeader
{
	/*height: 84px;*/
	margin:auto;
	width:1020px;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	background-color: #ffffff;
}

#headerBanner
{
	position: absolute;
}

#headerBanner .banner_paging{top: 300px; left:5px;}

#siteHeaderLogo {float: left; margin-left: 10px;}
#siteHeaderLogo img {display: block;}

#leftDiv {float: left;}

#rightDiv {float: right; margin-right: 10px;}

#siteHeaderFollowControlDiv 
{
	margin-top: 10px;
}

.followLink
{
	display: block;
	float: right; 
	border-width: 1px;
	border-color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 10px;
}

.followLink img {height: 16px; width: 16px;}

#music_player a {background:url(../img/template/music_player_button.jpg) no-repeat; width: 173px; float: left; height: 45px;}
#music_player a:hover {background-position: 0 -45px;}

#mgm_catalogue a {background:url(../img/template/mgm_catalogue_button.jpg) no-repeat; float: left; height: 27px; width: 183px;}
#mgm_catalogue a:hover {background-position: 0 -39px;}

#localMusicDiv
{
	display:block;
	float: left;
}
/* -------------------------------------------------------------------------------------------------------- */
/* Control - Search */
/* -------------------------------------------------------------------------------------------------------- */

#master_search
{
	width: 150px;
	height: 20px;
	border-width: 0px;
	font-weight: bold;
	background-color:transparent;
	margin-top:1px;
	padding-top:1px;
}
#searchBar
{
	background:url(../img/template/search_box.png) no-repeat;
	width: 172px;
	height: 22px;	
}

#searchBar .button {display: none;}

#searchBarControlDiv {margin-top:20px; float:right;}

/* -------------------------------------------------------------------------------------------------------- */
/* Site menu */
/* -------------------------------------------------------------------------------------------------------- */

#siteMenu{padding:15px 20px 10px 84px;float:left;background-color: #ffffff;width:916px;border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;}
#siteMenu a{
	display:inline;
	float:left;
	height:27px;
	width: 130px;
}

#siteMenu .active { background-position: 0px -27px;}

.home {background-image: url('../img/template/nav_1.jpg');  width:82px; float:left;}
.newRelases {background-image: url('../img/template/nav_2.jpg'); width:152px; float:left;}
.bestSellers {background-image: url('../img/template/nav_3.jpg'); width:140px; float:left;}
.videoss {background-image: url('../img/template/nav_4.jpg'); width:96px;float:left;}
.tours {background-image: url('../img/template/nav_5.jpg'); width:86px; float:left;}
.artists {background-image: url('../img/template/nav_6.jpg'); width:97px; float:left;}
.aboutUs {background-image: url('../img/template/nav_7.jpg'); width:113px; float:left;}
.login {background-image: url('../img/template/nav_8.jpg'); width:88px; float:left;}

.home:hover, .newRelases:hover, .bestSellers:hover, .videoss:hover,
.tours:hover, .artists:hover, .aboutUs:hover, .login:hover {background-position: 0px -27px;}

.home:active, .newRelases:active, .bestSellers:active, .videoss:active,
.tours:active, .artists:active, .aboutUs:active, .login:active {background-position: 0px -27px; }

/* -------------------------------------------------------------------------------------------------------- */
/* Site Footer */
/* -------------------------------------------------------------------------------------------------------- */

#siteKatanaLogo{text-align: center; clear: both;  width:1020px;  border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;  border-bottom:1px solid #d9d9d9;}
#siteKatanaLogoInner
{
 	margin:auto;
 	margin-top: 15px; 
 	background-color:#000000;	
 	width:990px;
 	height:35px;
}
.round_box {margin: 0 !important; width:174px !important}

#loginUsername{border: 1px solid #cccccc;}
#loginPassword{border: 1px solid #cccccc;}
#loginBox{width: 300px; padding-top: 20px;}
#loginBox #logo{background: url('../img/template/mgm_logo_white.jpg') no-repeat center; height: 67px;}
.submitButton{padding-top: 10px;}

.loginImage a:hover {background-position:0 -29px;}
.loginImage a
{
	background-image:url(../img/template/login.jpg);
	float:right;
	height:29px;
	width:80px; 
	cursor: pointer;
}