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

	#topBar {
		height: 32px;
		color: #CCCCCC;
		margin: 0 0 10px;
		background: url(../../img/static/layout/topBar.gif);
		}

	#topBar p, #bottomBar p {
		text-align: right;
		line-height: 32px;
		padding: 0 10px 0 0;
		}

	#leftBar {
		float: left;
		width: 174px;
		height: 32px;
		margin: 10px 0 0;
		background: url(../../img/static/layout/leftBar.gif);
		}

	#bottomBar {
		float: left;
		width: 581px;
		height: 32px;
		color: #CCCCCC;
		margin: 10px 0 0 5px;
		background: url(../../img/static/layout/bottomBar.gif);
		}

/*	-------------------------------------------------------------
	Subtitles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	h3 {
		width: 284px;
		height: 28px;
		margin: 16px 0;
		}

	h3#bannerImage {
		background: url(../../img/static/subtitles/hmrecords.gif);
		}

	h3#genreTitle {
		background: url(../../img/static/subtitles/genreTitle.gif);
		}

/*	-------------------------------------------------------------
	Records
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.record {
		height: 117px;
		width: 255px;
		float: left;
		display: inline;
		margin: 0 0 35px 23px;
		}

	.recordL {
		width: 100px;
		height: 100px;
		float: left;
		background-color: #FFFFFF;
		overflow:hidden;
		}

	.recordL a img{
		border:0px;
	}

	.record .recordL a, .record .recordR p.rTitle a{
		margin:0px;
	}

	.recordR {
		width: 155px;
		float: left;
		}

	.recordF {
		clear: both;
		margin: 5px 0 0 !important;
		}

	.record p {
		margin: 0 !important;
		line-height: normal !important;
		padding: 0 0 0 7px !important;
		}

	.rTitle {
		color: #AE001B;
		font-weight: bold;
		}

	.rText {
		height: 55px;
		font-size: 10px;
		}

	.rPrice {
		font-weight: bold;
		}

	.record a {
		margin: 0 0 0 7px;
		text-decoration: none;
		color: #AE001B;
		}

	.record div.buy, .record div.listen {
		margin: 0 10px 0 0;
		float: left;
		}

/*	-------------------------------------------------------------
	More info
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#moreInfo {
		margin: 10px 23px;
		background-color: #FFFF00;
		}

	#moreInfoL {
		float: left;
		width: 200px;
		height: 250px;
		background-color: #F7F7F7;
		}

	#moreInfoR {
		float: left;
		width: 331px;
		}

	#moreInfoR p {
		margin: 0 !important;
		line-height: 16px !important;
		padding: 0 0 0 23px !important;
		}

	#moreInfo div.buy {
		margin: 16px 0 16px 23px;
		}

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

	#contentR p {
		padding: 0 22px;
		line-height: 18px;
		margin: 0 0 26px;
		}

/*	-------------------------------------------------------------
	Columns
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	div.colL, div.colR {
		float: left;
		width: 289px;
		}