/*   

 MCN default css template - edited 01.25.05*/
/*----------------------------------------
CONTENT
-------------------------------------------*/
body {
		font:normal 12px/14px "century gothic", Helvetica, sans-serif;
		margin:0;
		padding:0;
		color:#000000;
}
form{
		margin:0;
		padding:0;
}
ul{
	list-style: square outside;
        margin:4px 0 6px 0;
        padding:0 0 0 20px;
        text-align:left;
}
ul ul {
	list-style: circle outside;
}
ol{
	list-style: decimal outside;
        margin:4px 0 6px 0;
        padding:0 0 0 20px;
        text-align:left;
}ol ol{
	list-style: lower-alpha outside;

}
* html hr { clear:both}
a {	
		color: #2A47D1;
}


A:hover {
    	COLOR: #FF676B;
		text-decoration: underline;
}
.content,
#galleryText{
	font: normal 14px/18px "century gothic",Arial, Helvetica, sans-serif;
	color: #555;
	text-align: justify;
	list-style: inside;
	margin-right: 28px;
	margin-left: 28px;
	margin-bottom: 28px;	
}
.contentHi {
		font: italic 12px/14px "century gothic", Helvetica, sans-serif;	
		color: #000000;
}	
.contentSml {
		font: normal 10px/12px "century gothic", Helvetica, sans-serif;
		color: #494949;
		text-align: left;
}	
.contentHiSml {
		font: normal 10px/12px "century gothic", Helvetica, sans-serif;
 		color: #A62937;
		text-align: left;
}	
.titleLrg{
	color: #CC0033;
	font: bold 24px/30px "century gothic",Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 28px;
	margin-bottom: 8px;
	margin-left: 28px;
	padding:1px 0;
        letter-spacing:1px;
}
.titleSml{
		font: bold 16px/20px "century gothic", Helvetica, sans-serif;
		color: #444;
}
.titleSml a{
		color: #444;
		text-decoration: none;
}
.titleSml a:hover{
		color: #cc0000;
		text-decoration: underline;
}


/*----------------------------------------
I M A G E S
-------------------------------------------*/
.picRight {
		float: right;
		margin: 1px 1px 1px 6px;
}
.picLeft {
		float: left;
		margin: 1px 6px 1px 1px;
}
.picRightBrd {
		float: right;
		margin: 1px 1px 1px 6px;
		border: 1px solid #666;
}
.picLeftBrd {
		float: left;
		margin: 1px 6px 1px 1px;
		border: 1px solid #666;
}

.iconImg{
		margin: 2px 8px 6px 0px;
		border:0px;
}
.banner {
		margin: 0 0 7px 0;
}
.optionBox {/*used in gallery select */
		font: normal 11px/12px "century gothic", Helvetica, sans-serif;
		color: #000000;
		background-color: #ddd;
}
/*----------------------------------------
A L B U M S
-------------------------------------------*/
/* Albums */
#albumsBox{ /*controls number of albumSm columns*/
	margin:0 0 6px 0;
	padding:0;
	clear:both;
	height:58px;
	border-bottom:1px dotted #ccc;
}
#albumsBox p{ /*album titles - albumssm*/
	display:none;
	font:normal 10px/10px "century gothic", san-serif;
	color:#000;
	margin:0 0 0 4px;
}
#albumsBox img {
	width:48px;
	height:48px;
    border:1px solid #828E78;
    margin:0 4px 0 0;
}
#albumsBox h3{ /*albumssm header */
        display:none;
}
#albums li{ /*set float left to have multiple columns */
	float:left;
	padding:0;
	margin:0;
}
#albums a img{
	border: 1px solid #fff;
	margin:1px 2px 1px 2px;
}
#albums a:hover img{
	border: 2px solid #000; 
	margin:0px 1px 0 1px;
}

.albumImg{ /*main album cvr display */
    border:1px solid #828E78;
    margin:0 4px 1px 0;
}
#albums a{
	padding: 0px ; 
	display:block;
	color: #666; 
	text-decoration: none; 
	margin:0;
}



/*----------------------------------------
L I S T S - vnav,  albums, sml
-------------------------------------------*/

#albums,
#calendarSml,#calendarSml1,#calendarSml2, /* 1=Current Presales, 2=Upcoming Presales for Calendar v2 */ 
#newsSml,
#blogNav,
#stickyNav,
#vNav { /* sets list style to none */
		list-style-type: none;
		margin:0px;
}
#albumsBox ul,
#calendarSmlBox ul,
#newsSmlBox ul,
#blogBox ul,
#stickyBox ul, 
#vNavBox ul{/*for mozilla positioning */
		padding-left: 0; 
		margin-bottom: 0px; 
		list-style-type: none;
}

/*----------------------------------------
N A V I G A T I O N
-------------------------------------------*/
#vNavBox{
		font:bold 13px/16px "century gothic", Helvetica, sans-serif;
		width: 180px;
		margin:0px 0px 8px 0px;
		padding: 5px;
		text-align: left;
		letter-spacing:0px;
}
#vNav a{ 
		display: block; 
		text-align: left;
		color: #fff; 
		text-decoration: none; 
		margin: 2px;
		padding: 0 15px 2px 0;
		border-bottom:1px dotted #999;
}
#vNav a:hover{
		color: #bbb;
		padding: 2px 15px 0 0;
}
#vNav li {   /*for horizontal navigation: display: inline;*/
		display: inline;
}
/* Sticky Nav and Blog Nav */
#blogBox,
#stickyBox{
		font:bold 12px/13px "century gothic", Helvetica, sans-serif;
		margin:0px 0px 6px 6px;
		text-align:left;
		padding:0;
		width: 104px;
		float: right;
		border-left:1px dashed #ccc;
}
#blogBox a,
#stickyNav a{ 
	display: block; 
	padding: 2px;  
	text-decoration: none; 
	margin:3px;
}
#blogBox a:hover,
#stickyNav a:hover{
	color: #FEF000;
	background-color: #444;
	font-style: italic;
}

/*----------------------------------------
S I D E B A R - NewsSm, CalendarSm
-------------------------------------------*/

h3 span{ /*albumssm, newssm, calendar sm, basket, login text header */
	display:block;
        font:bold 20px/28px "century gothic", Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0 0 0 0;
	margin: 0 0 0 8px;
        background:none;
}

#calendarSmlBox,
#newsSmlBox{
	font:normal 13px/17px "century gothic", Arial, Helvetica, sans-serif;
	text-align:left;
	color:#64280b;
	width: 277px;
	margin: 4px 10px;
	padding-bottom: 4px;
}
#calendarSmlBox p,
#newsSmlBox p{ /* dates */
	display: block;
	color:#fff;
	margin:0 4px 0 0px;
	padding: 0 4px 0 0px;
}

#calendarSmlBox h3, /* calendarSm header */
#newsSmlBox h3{ /* newsSm header */
	display: block;
	margin:0px 0 5px 0;
	font-size: 18px;
	font-weight: normal;
        border-bottom:1px dashed #7FD5FF;
}

#calendarSmlBox a,
#newsSml a{ 
	padding: 3px 4px 3px 4px; 
	margin: 0 4px 4px 4px;
	display: block;
	color: #000; 
	text-decoration: none;
}
#calendarSmlBox a:hover,
#newsSml a:hover{
	color: #000;
 	background-color: #4AB8EF;	}

/*----------------------------------------
L O G I N
-------------------------------------------*/
#loginBox,
#logoutBox {
	font:normal 10px/11px "century gothic", Helvetica, sans-serif;
	margin:0px 4px 4px 4px;
	text-align:left;
	padding: 8px;
	color:#000;
	border-botom:1px solid #7F3D0B;	
}

#loginBox{
	text-align:right;
}
#loginBox strong{
	font:bold 11px/13px "century gothic", Helvetica, sans-serif;
	letter-spacing:1px;
}
#loginBox .formInput{
	font:normal 10px/13px "century gothic", Helvetica, sans-serif;
	width:100px;
}
#logoutBox ul{
	list-style: square inside;	
	margin:0px auto 0px auto;
	padding:0px;
}


/*-----------------------------------------------------------------------------------------------------
calendar and checkout
-------------------------------------------------------------------------------------------------------*/
.calendarBox,
.checkoutBox {
	color: #000000;
	width: 98%;
	margin: 0px;
	padding: 0px;
}
.checkoutOdd,
.calendarOdd{
	font: normal 12px/15px "century gothic", Helvetica, sans-serif;
	color: #000;
	background-color: #FFDFE0;
	padding:4px;
}
.checkoutEven,
.calendarEven{
	font: normal 12px/15px "century gothic", Helvetica, sans-serif;
	color: #000;
	background-color: #FFEFF0;
	padding:4px;
}
.calendarHdr,
.checkoutHdr{
	font: bold 14px/18px "century gothic", Helvetica, sans-serif;
	color: #666;
	padding:0 2px 0 2px;
	text-align:center;
}

/*-----------------------------------------------------------------------------------------------------
S T O R E
-------------------------------------------------------------------------------------------------------*/
.memberPrice{ /* members price */
	color:#FFE900;
}

#basketBox{
}
.btn,
.basketBtn{
	font:bold 11px/12px "century gothic", Helvetica, sans-serif;
	color:#fff;
        text-transform:uppercase;
	padding:2px;
	border:1px solid #000;
	background-color:#225278;
	margin:2px 0 1px 10px;
}
#basketBox p,/*you have n items in your basket */ 
#basketBox strong{/* total (USD) $ */
	margin:4px;
}
#basketBox h3 ,
#basketBox h3 span{
/*overides 'h3 span' for sml basket - only needed if 'h3 span' set to none*/
	display:block;
	font:bold 14px/18px verdana, san-serif;
	margin:0px;
}


/* RELATED PRODUCTS */

#relatedProd{
        border-top:1px dotted #184262;
	margin:16px 0 0 0px;
        padding:10px 0 0 20px;
}
#relatedProd .titleLrg{
	font:bold 11px/16px "century gothic", Helvetica, sans-serif;
	display:block;		
        color: #333;
        letter-spacing: 1px;
	padding: 0;
	margin: 0 0px 8px 0px;
        text-transform: uppercase;
}
#relatedProd .contentSml{ /* content span*/
	font:normal 10px/11px "century gothic", san serif;
        COLOR:#333;
        border-bottom:1px dotted #dedede;
        display:block;
        padding:2px;
}
#relatedProd p {
        display:block;	
        margin:0 0 1px 0;
}
#relatedProd .titleSml{  /* product name */
	font:bold 11px/16px "century gothic", Helvetica, sans-serif;
	letter-spacing:1px;
        margin:4px 0 1px 0;
        display:block;	
}
#relatedProd .relatedDescr{  /* product description*/
}
#relatedProd .relatedDetails{  /* product details*/
        display:inline;
}
#relatedProd .relatedQty{  /* product qty*/
        display:inline;
}
#relatedProd .relatedPrice{ /* product price */
}
#relatedProd .btn,
#relatedProd .optionBox{
        font:normal 9px/10px "century gothic", helvetica;
        text-transform:uppercase;
	margin: 4px 0 0 2px;
	text-align:left;
	padding:1px;
        border:1px solid #000;
}
#relatedProd img{
	width:42px;
        float:left;
        border:1px solid #000;
        margin: 0 8px 4px 0;
}

/* ADDRESS BOOK */
#addressBook{
	font:normal 11px/12px "century gothic", san serif;
	padding:2px;
}
#addressBook h1{
	font:bold 13px/14px "century gothic", san serif;
	padding:2px;
	letter-spacing:1px;
}
#addressBook h2,
#addressBook h3{
	font:bold 12px/14px "century gothic", san serif;
	padding:2px;
	margin:0;

}
#addressBook legend{
	font:bold 12px/14px "century gothic", san serif;
	padding:2px;
	color:#666666;
}
fieldset{
	margin:4px 0 2px 0;
}



.playerBg{
   background:#1D2B9F;
}
#wrapperFrame {
position: relative;
clear: both;
min-height: 30px; /Mozilla - CSS2/
width: 950px;
margin:0 auto 0 auto;
padding-bottom: 0px;
}
#mp3Frame {
margin: 0 0 0 625px;
padding: 5px 0 0 0;
height: 20px;
width: 275px;
}