/* CSS Document */
/*==================================
			global
==================================*/

html { 
  padding:0px;
  margin:0px;
  background-image:url(images/page_bg.gif);
}


body {
  font-size: 12px;
  font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
  color:#564b47;  
  padding:20px;
  margin:0px;
  text-align: center;
  background-color:inherit;
}

/*==================================
			text styles
==================================*/
.artistName {
  font-size: 12px;
  color:#cc6600;
  font-weight:bold;
  background-color:inherit;
}
.albumTitle {
  font-size: 11px;
  color:#7b7b7b;
  background-color:inherit;
}
.albumDescrip{
  font-size: 10px;
  color:#010101;
  background-color:inherit;
}



/*==================================
			containers
==================================*/

#header { 	
	text-align: left;
	vertical-align: bottom;	
	margin: 0px auto;
	padding-left: 13px;
	padding-right: 13px;
	height:63px;
	width: 745px;
	background-image:url(images/header_bg.png);
	border: 0px solid #564b47;
}

#logo {
	height:57px;
	width:233px;
	position:relative;
	top:6px;
}

#content { 	
	text-align: left;
	vertical-align: middle;	
	margin: 0px auto;
	padding-left: 13px;
	padding-right: 13px;
	width: 745px;
	background-image:url(images/maincontent_bg.png);
	border: 0px;
}

/*==================================
			   search
==================================*/
#search {
	height:47px;
	width:320px;
	position:relative;
	top:15px;
	float:right;
	position:relative;
}

input {font-size:11px; font-family: Tahoma, sans-serif; color: #FF4900; padding:2px; border:1px solid #ddd; width:100px}
input:hover, input:focus { border:1px solid #aaa;}



.imgmiddle {
 vertical-align: middle;	
}
/*==================================
			flash container
==================================*/
#flashcontent {
	width:565px;
	height:217px;
	margin-right:3px;
	margin-bottom:2px;
	float:left;
}

/*==================================
			featured release
==================================*/
#hipofeatured {
	width:36px;
	height:217px;
    float:right;
	margin-bottom:2px;
	background-image: url(images/header_featured_release.gif);
	text-indent:-2000px;
}

.featuredcontent {
	width:125px;
	height:191px;
    float:right;
	margin-bottom:2px;
	padding-top:26px;
	padding-left:14px;
	position:relative;
	background-image: url(images/featured_release_bg.gif);
	background-repeat:no-repeat;
}

/*==================================
    	browse by category
==================================*/
#BrowseCat {
	width:194px;
	height:480px;
	float:left;
	margin-right:3px;
	position:relative;
}

#browsebyCatHeader{
	width:194px;
	height:41px;
	background-image: url(images/header_browsecategory.gif);
	text-indent:-2000px;
	margin-top:3px;
	margin-bottom:3px;
}
#browsebyCategory {
	background-image: url(images/sub_browsecatbg.gif);
	text-align:left;
	border-top: #ff814f 1px solid;
	padding-top:4px;
}
#utility {width:184px;position:relative;left:6px; text-align:left;}
/* category lisy - vertical navigation */
	.catodd {height:20px; padding-top:10px;border-bottom: 1px dotted #000;margin-top: 1px; font-family:Tahoma, Helvetica, sans-serif; font-size:10px; font-weight:bold; background-color:#FFFFFF; color:#ff4900}
	.cateven {height:20px; padding-top:10px;border-bottom: 1px dotted #000;margin-top: 1px; font-family:Tahoma, Helvetica, sans-serif; font-size:10px; font-weight:bold; background-color:#fae7d6; color:#ff4900}
	
	img.center{
    margin-left: auto;
    margin-right: auto; }
a.category:link {font-family: tahoma,Helvetica, sans-serif; font-size: 10px; color: #ff4900; text-decoration: none; font-weight:bold;}
a.category:visited {font-family: tahoma,Helvetica, sans-serif; font-size: 10px; color: #ff4900; text-decoration: none; font-weight:bold;}
a.category:active {font-family: tahoma,Helvetica, sans-serif; font-size: 10px; color: #ff4900; text-decoration: none;font-weight:bold;}
a.category:hover {font-family: tahoma,Helvetica, sans-serif;font-size: 10px; color: #000000; text-decoration: none;border-bottom: 1px dotted gray;font-weight:bold;}	
	
/*==================================
    	what's in store
==================================*/
#InStore {
	width:369px;
	height:510px;
	float:right;

}
#InStoreHeader{
	width:369px;
	height:41px;
	background-image: url(images/header_whatsinstore.gif);
	text-indent:-2000px;
	margin-top:3px;
	margin-bottom:3px;

}
#InStoreContent {
	width:357px;
	height:375px;
	background-image: url(images/whatsinstore_bg.gif);
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
}
.CurvedBox {
	width:156px;
	height:184px;
	background-image: url(images/curvedbox.gif);
	background-repeat:repeat-x;
	padding-left:20px;
	position:relative;
}
#browsebyBt{
	width:194px;
	height:10px;
	background-image: url(images/sub_browsecatbg.gif);
}
.CurvedBoxright {
	width:156px;
	height:184px;
	background-image: url(images/curvedbox.gif);
	background-repeat:repeat-x;
	padding-left:20px;
	float:right;
	position:relative;

}
.CurvedBoxContent {
	width:120px;
	padding-left:20px;
	position:relative;
}
.albumimg {
	margin-top:10px;
}

/*==================================
  newsletter, catalogue, and stuff
==================================*/
#PushPoints {
	width:175px;
	height:425px;
	float:right;
	margin-right:2px;
	position:relative;
}



/*==================================
			footer
==================================*/
#footer {
	clear:both;
	text-align: center;
	vertical-align: top;
	margin: 0px auto;
	padding-left: 13px;
	padding-right: 13px;
	height:57px;
	width:745px;
	background-image:url(images/footer_bg.png);
	border: 0px solid #564b47;
	font-family: Tahoma, Helvetica, Sans-Serif;
	font-size: 9px;
	line-height:12px;
	background-repeat: no-repeat;
}
/* for IE png transparency and link issue*/
#footernav {
	text-align: center;
	vertical-align: top;
	height:10px;
	width: 745px;
	font-family: Tahoma, Helvetica, Sans-Serif;
	font-size: 9px;
	position:relative;
}

hr.footerrule {
    border: 0;
	width: 736px;
	text-align: center;/*this will align it for IE*/
	margin: 0 0 0 0; /*this will align it left for Mozilla*/
    color: #000;
    background-color: #000;
    height: 6px;
	line-height:2px;

	}

#footernav a {color:#7a7c80; text-decoration:none; text-transform:uppercase; background:inherit;}
#footernav a:hover {color:#ff4900; text-decoration:none; text-transform:uppercase; border-bottom: 1px dotted #ff4900; background:inherit;}

.clear {
	height:4px;
    clear:both;
  }
.topmargin3 {
    margin-top:3px;
  }
  
.clickhere {
float:right;
margin-top:5px;
margin-right:15px;
}



#newsContent {
	background-image: url(images/newsContent-body.gif);
	background-repeat: repeat-y;
	padding: 8px;
	margin-top: -5px;
}

#news {
	margin-top: 8px;
}