/* music week colour palette
red: 		#c52731;
grey: 		#d6d6d6;
dark grey: 	#737373;
*/

body 
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0;
	text-align:center;
    }
  
.container 
{
    background: #ffffff;
    margin: 1em auto;
    padding:0;
    width: 650px;
    text-align: left;
	}

.header 
{
    background: url(/store_templates/musicWeek/header_bg.jpg) repeat-x top;
    margin: 0 auto;
    padding: 0;
    color: #ffffff;
    font-size: 12px;
    width: 650px;
    height: 93px;
    position: relative;
    }
    

    .header h1{
	    margin: 0;
	    position: absolute;
	    top: 0px;
	    left: 0px;
        float:left;
        }
    
	    .header h1 a {
		    display: block;
		    height: 93px;
		    width: 280px;
		    text-indent: -999999px;
		    background: transparent url(/store_templates/musicWeek/logo.gif) 0 0 no-repeat;
	        }
            
        .header h3 
        {
            font-weight:normal;
            font-size:12px;
            text-align:center;
            width: 115px;
            height:35px;
            float:right;
            margin:0;
            padding:7px 5px 6px 0;
            }
            
    .header ul 
    {
        list-style: none;
        float:right;
        clear:right;
        margin:0;
        padding:6px;
        width:50%;
        }

    .header li 
    {
        float: right;
        border-right: solid 2px #747071;
        }
        
        .header li.last
        {
            border-right: none;
            }

    .header a 
    {
        display: block;
        text-decoration: none;
        text-align: center;
        padding: 0 1em;
        font-weight: bold;
        color: #747071;
        }

        .header a:hover {
        color: #000000;
        }

.content 
{
    margin: 10px 25px 0 25px;
    padding: 0;
    clear:both;
    }
    
    .secureContent 
    {
        width:100%;
        text-align: center;
        }

    .secureContentInner 
    {
        width:570px;
        margin:0 auto;
        padding:0;
        text-align:left;
        }
        
.content table 
{
    border-collapse:collapse;
    }
    
.footer 
{
    background: url(/store_templates/musicWeek/footer_bg.jpg) repeat-x;
    text-align: center;
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
    }
    
    
    .IntentLogo
    {   
        font-size:10px;
        padding:0;
        margin:10px 0;
        overflow:auto;
        color: #747071;
        }
    
    .IntentLogo img
    {
        float:right;
        display:block;
        border:none;
        }

#mag ul {
        list-style: none;
        text-align:center;
        }
#mag li 
{
    float:left;
    margin:15px;
    padding:0;
    font-size:15px;}

#mag ul li a 
{
    background: url(/store_templates/musicWeek/button_Bg.gif) no-repeat;
    width: 228px;
    height: 21px;
    padding:2px;
    display: block;
    text-decoration:none;
    color: #ffffff;
    }
    
    #mag ul li a:hover
{
    background: url(/store_templates/musicWeek/button_BgHover.gif) no-repeat;
    width: 228px;
    height: 21px;
    display: block;
    text-decoration:none;
    color: #ffffff;
    }

/* ================== CLASS VARIABLES FROM CONTENT INSERTS ================= */

	.bground 
	{
		}
		
		.StoreText
		{
			}
			
	.StoreText h2
	{
	    color:#fff;
	    text-align:center;
        font-size:1em;
        margin: 0.5em 0;
		}
			
	    .StoreText p 
		{
		    padding: 0 1em 0.5em 1em;
		    	}
		    	
/* ===============DISPLAY STORE STYLES====================== */
		    	
		.ItemNameDisplay 
		    /* mag title on displaystore.asp */
		{
		    font-size:16px;
		    font-weight:bold;
		    padding:0 0 0.5em 0;
		   }
		   
		.ItemOfferTitle
		    /* offer description on displaystore.asp */
		{
		    font-size:16px;
		    /*font-weight:bold;*/
		    /*padding:0 0 0.5em 0;*/
			padding:0 0 0 0;
		    }
		    
		.ItemOfferText
		    /* offer text on displaystore.asp */
		{
		    font-size:12px;
		    padding:0 0 0.5em 0;
		    }	
	
/* ===============DISPLAY ITEM STYLES====================== */
    		
	    .ItemName 
	        /* mag title */
	    {
	        font-weight: bold;
	        padding:0.2em 0;
		    }
		    	
	    .OfferText 
	        /* issue description */
	    {
	        font-size:12px;
		    }
    	
    	table.tblItemDisplayPanel .OfferText center 
		/* border applied to center tag to give full width line between price info in displayitem.asp  */
		{
		    border-top:solid 1px #d6d6d6;
		    margin-top:0.5em;}
    	
	    .OfferPrice 
	        /* price */ 
	    {
	        font-weight:bold;
	        padding: 0 1em 0 0;
		    }

    	   		
	    .ItemDescription 
	        /* magazine description text */
	    {
	        font-size:12px;
		    }
		
/* ============= BASKET.ASP STYLES ======================== */
	
	    .YourBasket 
	        /* Your Basket title (sits within <p> tags) */
	    {
	        font-weight:bold;
		    }
    	
	    .BasketItemTitle 
	        /* Mag title */ 
	    {
	        font-weight:bold;
		    }
    	
	    .BasketItem  
	        /* issue description */
	    {
	        font-size:12px;
		    }
	        
		.BasketPrice
	        /* total basket price */ 
	    {
	        font-weight:bold;
	        text-align:center;
		    }
		    
		.EmptyBasket 
	        /* Empty Basket (sits within <p> tags) */
	    {
	       color:#c2272d;
		    }
    				    
/* ============= checkout.asp STYLES ======================== */

	    .CheckoutText 
	    {
	        font-size:12px;
		    }
    				
		    .CheckoutText p 
		    {
		    }
    	
	    .CheckoutFields 
	    {
	        font-size:12px;
	        font-weight:bold;
		    }
    	
	    .CheckoutBasketSummary {
	        font-size:12px;
		    }
    	
	    .CheckoutHeaders {
	        font-size:12px;
	        font-weight:bold;
		    }
    		
	    .strikethrough {					
		    }
    		
	    .EcardCats {
		    }
		    
/* ================== E-VOUCHER ON CHECKOUT 1 ====================== */

	    .eVoucher {
		    }
    		
	    .eVoucher font.eVoucherName {
		    }
    	
	    .eVoucher font.eVoucherError {
		    }
    	
	    .eVoucherAccept {
		    }
		    
	    .eVoucherError 
	    {
	        color: red;
	        font-weight:bold;
	        font-size:12px;
		    }
		
/* ===================== CLASS VARIABLES FROM _INFO.ASP PAGES =================== */

.infoContainer
{   
    width:550px;
    margin:0 auto;
    text-align:left;
    }
    
    .infoContainer h2
    {   
        font-size: 1.5em;
        }
    
.infoHeading { 
}

.verisignInfo {
}

/* -------privacy---------- */

.privacy 
{
    text-align:left;
    }

h2.SecurityHeader 
    {
    color: #f03c2c;
    text-align: center;
    text-decoration: underline;
    margin-bottom: 1em;
    }
    
    p.SecurityHeader 
    {
    text-decoration: underline;
    margin-bottom: 1em;
    font-weight:bold;
    }

.SecurityText 
    {
    padding-bottom: 1em;
    }
        
    .privacy ol li
    {
        font-weight: bold;
        list-style-position: inside ; 
        }
        
    
    .privacy ol li ol li
    {
        list-style: lower-roman outside;
        margin-left: 4em;
        font-weight: normal;
        }
        
        .privacy ol li ol li ol li
        {
            list-style: lower-alpha;
            margin-left: 2em;
            }
    


/* -------contact---------- */

.contact 
{
    text-align:left;
    }
    
    .contact ul
    {
        padding: 0 0 1em 0;
        }
    
    .contact li
        {
        list-style:none;
        }

    h2.ContactUsHeader {
        color: #f03c2c;
        text-align:center;
        text-decoration: underline;
        margin-bottom: 1em;
        }
        
        
    h3.ContactUsHeader {
        margin: 0.5em 0 1em 0;
        font-size: 1.1em;
        }
        
    p.ContactUsHeader {
        font-weight:bold;
        }

    p.ContactUsText {
        padding: 0 0 1em 0;
        }
              
        
    	div.ContactDetailPanel	
    	{
    	    margin: 1em 0;
    	    padding:0.5em;
    	    border: solid 1px #000000;
    	    } 
    	    
    	    
    	div.ContactDetailPanel div.ContactUsText	
    	{
    	    width:50%;
    	    float:left;
    	    font-size:0.8em;
    	    }  

		        
/* -------faq---------- */

.faq {
        text-align:left;
    }

    h2.faqHeader 
        {
        color: #f03c2c;
        text-align:center;
        text-decoration: underline;
        margin-bottom: 1em;
	    }
	    
	p.faqHeader 
	    {
    	font-weight:bold;
	    }
	
    .faqText {
        padding-bottom: 1em;
	    }		
    	
	    ol.faqText {
            padding-bottom: 1em;
            list-style-position: inside;
		    }
			
	    ol.faqText li {
            font-weight: bold;
            padding-bottom: 0.5em;
		    }
    			
	    .faqText a {
            font-weight: bold;
            color: #000000;
		    }
		    
		    
/* -------Terms and Conditions---------- */
		    
.terms
{
        text-align:left;
    }
    
   	    .terms ul 
	    {
            }
            
	    .terms li 
	    {
            list-style-position: inside;
            }
	
	h2.termsHeader 
        {
        color: #f03c2c;
        text-align:center;
        text-decoration: underline;
        margin-bottom: 1em;
	    }
		
	p.termsHeader 
	    {
    	font-weight:bold;
	    }
	    
	.termsText
	    {
        padding-bottom: 1em;
	    }
	    
	    
/* -------About Us---------- */
		    
.about
{
        text-align:left;
    }
    
   	    .about ul 
	    {
            }
            
	    .about li 
	    {
            list-style-position: inside;
            }
	
	h2.aboutHeader 
        {
        color: #f03c2c;
        text-align:center;
        text-decoration: underline;
        margin-bottom: 1em;
	    }
		
	p.aboutHeader 
	    {
    	font-weight:bold;
	    }
	    
	.aboutText
	    {
        padding-bottom: 1em;
	    }
	

/* ==================== MULTIBUY ================================== */

.multiBuy {
	}
	
	.multiBuy p {
		}
	
	.multiBuy p.multiBuyText {
		}
		
	.multiBuy img {
		}	
	

		
/* ================== YOUR ACCOUNT ================ */

#yourAccountContainer 
{
    background: #ffffff;
    margin: 12px auto;
    width: 726px;
    text-align:center;
	}
	
	#yourAccountContainer img {
	}
	
		#yourAccountContainer h2 {
		    color: #ffffff;
		}
		
		#yourAccountContainer h3 
		{
		    background: #9bb7cf;
		    color: #ffffff;
		    margin: 0.5em;
		}
	

	#managesubscription 
	{
	    margin: 1em auto;
	    width:300px;
	}
	
	
	
	#managesubscription ul
	{
	    margin: 0 0 2em 0;
	}
		
	#manageleftcolumn 
	{
	    
	}
	
	#managerightcolumn 
	{
	    
	    
	}
	
	#wltemplate_Close 
	{
	    margin: 1em;
	}
	
		#wltemplate_Close img
	{
	    border: none;
	}