body {
	background: #373131;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
    font-size:10px;
    behavior: url(/store_templates/subscribe2design1/csshover.htc) ;
}

.container 
{
	text-align: left;
    margin:0 auto;
    width:90em;
	}
	
.containerSecure {
	text-align: left;
    margin:0 auto;
    width:90em;}
	
.header {
    height: 6.7em;
    margin-bottom: 2px;
    position: relative;
    }
    
    .header h1{
	    margin: 0;
	    position: absolute;
	    top: 0px;
	    left: 0px;
        }
    
	    .header h1 a {
		    display: block;
		    height: 67px;
		    width: 271px;
		    text-indent: -999999px;
		    background: transparent url(subscribe2design1/subscribe2logo_1.gif) 0 0 no-repeat;
	        }
	        
	    .header h1 a:hover
	        {
	        } 

	    .headerAdPanel
	    { 
	        float:right;
	        }
	        
	        	    .headerAdPanel img
	    { 
	        border:none;
	        }
	        
/*------------------------------------------------*/

.navigation 
    {
    background: #e0e0e0;
    color: #626262;
    margin: 1em 0;
    padding: 0;
    height:22px;
    font-size:10px;
    } 
        
.navigationSecure
    {
    background: #e0e0e0;
    width: 100%;
    height:22px;
    }
    
    .navigation ul 
        {
            list-style: none;
            margin: 0 0.5em 0 0;
            padding: 0.5em;
            font-size:10px;
            position:absolute;
            }
        
            .navigation div.magazineNav 
                {
                float:left;
                }
                
                .navigation div.magazineNav ul
                {
                border-right: solid 0.5em #373131;
                }
          
            .navigation div.manageNav 
                {
                   /* padding-left:467px; use this level of padding if magazineNav using bold text */ 
                    padding-left: 455px;

                }                
            
        .navigation li 
            {
            float: left;
            position:relative;
            font-size:10px;
            color: #000000;
            }

        .navigation a 
        {
            display:block;
            width:auto;
            color: #000000;
            text-decoration: none;
            text-align: center;
            padding: 0 0.5em;
            /*font-weight: bold;*/
            border-right: solid 0.2em #626262;
            }
            
            .navigation div.manageNav a 
            {
                font-weight: normal;
                }
            
            .navigation a.last
                {
                border-right: none;
                }

            .navigation a:hover {
                color: #941b51;
                }

/*SUB MENU */
.navigation li ul 
            {
            display: none;
            }
            
            .navigation li:hover ul
                {
                display:block;
                border-right: none;
                padding:0.5em 0;
                margin:0;
                }
                
    
        .navigation li ul li 
            {
            float:none;
            background: #e0e0e0;
            color: #626262;
            border-top: solid 1px #373131;
            width: 200px;
            height:22px;
            }
    
        .navigation li ul li a 
        {
            cursor:pointer;
            text-align:left;
            border-right: none;
            padding: 0 0.5em;
            margin: 0.5em 0 0 0;
            } 
  
    
            .navigation li ul li a:hover 
                {
                /*font-weight:bold;*/
                }
                
/* ------------------------------------------------ */
                	    
.content 
{
    background:#ffffff;
    width:61.5em;
    margin: 0 1em 1em 0;
    padding: 0em;
    float: left;
    border: none;
    }
    
      
    .secureContent 
    {
        width: 90em;
        padding: 1em 0;
        margin: 0;
        background: #ffffff;
        text-align: center;
        }
        
    .secureContentInner 
    {
        width:61.5em;
        margin:0 auto;
        padding:0;
        text-align:left;
        }
    
    
.content table 
{
    border-collapse: collapse;}
    
    
.content td.Panel /* panel containing imported tables - width set to 595px in store table (s_content_width) */
{
    /*padding: 0 0.5em 0.5em 0.5em;  605px width */
    padding: 0 1em 1em 1em; /* 595px width */
    }
        
    .content table.tblEmailFriend 
    {
        /*padding: 0 0.5em 0 0.5em;  605px width */
        padding: 0 1em 0 1em; /* 595px width */
        margin: 0.5em auto;
        } 
        
    .content table.tblItemDisplayPanel
    {
        /* padding:1em; 595px width */
        padding:1em; /* 595px width */
        margin: 0 auto;
        }
    
.flashPanel
{
    padding:0;
    margin:0;
    border-bottom:solid 1em #373131;
}
    
.homePageText
    {   
        margin: 0 1em;
        padding:0;
        } 
    
    .homePageText h2
    {   
        color:#ffffff;
        background:#373131;
        margin:0;
        padding:0.5em;
        text-align:center;
        font-weight:bold;
        font-size:1.3em;
        }  
        
        .homePageText p
    {   
        margin: 1em 0 1.1em 0;
        padding:0;
        } 
	    
.adPanel 
{
    float:left;
    width:27.5em;
    }
    
    .adPanel img
{
    float:left;
    margin:0 0 0.5em 0;
    padding:0;
    border:0;
    }
    
/*------------------------------------------------*/
	
.footer 
{
    clear:both;
    /*margin: 1em 0 0 0;
    padding: 1em 0;*/
    margin:0;
    padding:0;
    border-top: solid 1px #e0e0e0;
    }
	 
        .footer ul 
        {
            list-style: none;
            display: inline;
            margin:0;
            padding:0;
            }

        .footer li 
        {
            border-right: solid 0.1em #e0e0e0;
            display: inline;
            }
            .footer li.first a
            {
                padding-left: 0;
                }
            .footer li.last
            {
                border-right: none;
                }

            .footer li a 
            {
                text-decoration: none;
                text-align: center;
                color: #e0e0e0;
                padding: 0 0.5em;
                }

            .footer li a:hover {
                color: #ffffff;
                }
                
.footer p
{
    color: #e0e0e0;
    padding: 0;
    margin:1em 0 0 0;
    }
    
    .footerLeft
    {
        width:51.5em;
        float:left;
        margin: 0.5em 0 0 0;
        padding: 0.5em 0;
        } 
    
    .footerRight
    {
        width:38.5em;
        float:left;
        margin: 0;
        padding: 0;
        }    
            .footerRight img
            {
            margin: 1.2em 0 0 0;
            padding: 0;
            float:left;
      
            } 


.verisign 
{
    text-align:right;
    float:right;
    margin:0;
    padding:0;
        position:relative;
        top:-0.5em;
	}

	
	
/* ================== CLASS VARIABLES FROM CONTENT INSERTS ================= */

	.bground {
		}
		
	.StoreText {
		margin: 0;
		padding: 0 0 0 0;
		font-size:1em;
		}

	.OfferText {
		font-size:1.2em;
		}
		
		.OfferText p 
		{
		    margin-top:1em;
		}
		
		table.tblItemDisplayPanel .OfferText center 
		/* border applied to center tag to give full width line between price info in displayitem.asp  */
		{
		    border-top:solid 1px #cccccc;
		    margin-top:0.5em;}
		    
		    
		.DirectDebit 
		/* asterisked direct debit text in displayitem.asp */
		{
		    padding:1em 0;
		    font-size:0.8em;
		    }
		
			.OfferText h1 
			{
			    font-size: 1em;
		    }			
		    
		    .OfferText ul 
			{
			    /* list-style-image: url(subscribe2design1/subscribe2bullet_941b51.gif); */
			    padding: 0.5em;
			    margin:  0 0 0 1.75em;
			    
		    }
		    
		    .OfferText li 
			{
			    padding-top: 0;
			}
	
	.OfferPrice {
		font-weight: bold;
		}
		
		
	.ItemName {
		font-weight: bold;
		    font-size:12px;
		}
			
	.ItemNameDisplay {font-weight:bold; font-size:1.2em; margin-bottom: 1em;} /* mag title on displaystore.asp */
    .ItemOfferTitle {font-weight:bold;font-size:1.2em;color:#9c0164; margin-bottom: 1em;}/* offer title on displaystore.asp and displayitem.asp*/
    .ItemOfferText {font-size:1.2em; margin-bottom: 1em;}
			
	.ItemDescription 
	{
	   
		}
		
	.basketContainer  /* div surrounds basket content in basket.asp */
	{
	    padding: 0 1em 0 1em;
        margin: 0;
	    }
	
	.YourBasket {
        color:#ffffff;
        background:#373131;
        padding:0.5em;
        text-align:center;
        font-weight:bold;
        font-size:1.3em;
		}
		
			.EmptyBasket 
			{
			    font-weight:bold;
			    font-size:1.2em;
			    }
			    	
	.BasketItemTitle {
		font-weight: bold;
		font-size:12px;
		}
	
	.BasketItem {
		font-size:12px;
		}
		
		.BasketItem p {
		}
		
		.BasketPrice {
		font-weight: bold;
		font-size:12px;}
	
		
	.CheckoutText 
	{
	    /*font-size:0.8em;*/
		font-size:12px;
		}
		
		.CheckoutText div {
		/*font-size:0.8em;*/
		font-size:10px;
		}
				
		.CheckoutText p {
		font-weight: normal;
		margin: 0px;
		padding: 0px;
		}
	
	.CheckoutFields {
		font-weight: bold;
		font-size:12px;
		/*font-size:0.8em;*/
		}
	
	.CheckoutBasketSummary {
		font-size:12px;
		/*font-size: 0.8em;*/
		}
	
	.CheckoutHeaders {
		font-weight: bold;
		font-size:12px;
		/*font-size: 0.8em;*/
		}
		
	.strikethrough {
		color: #cc0000;
		text-decoration: line-through;						
		}
	#enabledEcardPopupLink1	{ font-size:0.8em;}
	#disabledEcardPopupLink1 { font-size:0.8em;}
	.EcardCats {
		}
		
		
		.successPagePanel 
		{
		    margin:1em 0;
		    padding:1em;
		    text-align:center;
		    border: solid 1px #373131;
		   }
		   
		.successPagePanel p
		{
		    text-align:center;
		    font-weight:bold;
		    font-size:1.6em;
		    margin:1em;
		   }
		   
		   	.successPagePanel img
		{
		    border:none;
		    display:block;
		    margin:1em auto;
		    
		   }
	
/* ===================== CLASS VARIABLES FROM _INFO.ASP PAGES =================== */

	.infoHeading { 
        color:#ffffff;
        background:#373131;
        padding:0.5em;
		margin: 1em;
        text-align:center;
        font-weight:bold;
        font-size:1.3em;
		}
		
		.infoAspPanelSecure 
		{
		    background:#ffffff;
		    width:600px;
		    margin:0 auto;
		    padding:1em;}
		
	.SecurityHeader { 
		font-weight: bold;
		font-size: 1.4em;
		padding: 1em;
		}
		
		.verisignInfo {
			text-align: center;
			}
	
	.SecurityText {
		font-size: 1.2em;
		text-align: justify;
		padding: 0 1em 2em 1em;
		}
		
    .ContactUs 
    {
		text-align: center;
		font-size: 1.2em;
		margin: 20px 0px 35px 0px;
		padding: 0 1em 0 1em;
        }
        
	.ContactUsHeader {
		font-weight: bold;
		font-size: 1.4em;
		text-decoration:underline;
		margin:1em;
		padding:0;
		}
	
	.ContactUsText {
		margin:1em;
		padding:0;
		}
		
		.ContactUsText a
		{
		    text-decoration:underline;
		}
		
		.ContactUsText em
		{
		    font-size:1.4em;
		    font-style:normal;
		    font-weight: bold;
		}
	
	.faqHeader {
		font-weight: bold;
		font-size: 1.4em;
		padding: 1em;
		}
	
	.faqText {
		font-size: 1.2em;
		text-align: justify;
		padding: 0 1em 2em 1em;
        border-bottom:solid 1em #373131;
		}		
		

		.faqText ol li {
			padding: 5px;
			}
			
		.faqText a {
			color: #000000;
			}
	
	.termsHeader {
		font-weight: bold;
		font-size: 1.4em;
		padding: 1em;
		}
	
	.termsText {
		font-size: 1.2em;
		text-align: justify;
		padding: 0 1em 2em 1em;
		}
		

		
		.aboutHeader 
		{
		font-weight: bold;
		font-size: 1.4em;
		padding: 1em;
		    }
		
		.aboutText 
		{
		font-size: 1.2em;
		text-align: justify;
		padding: 0 1em 1em 1em;
		    }
	

/* ==================== MULTIBUY ================================== */

.multiBuy {
	padding: 5px;
	margin: 0px;
	text-align: left;
	font-size: 14px;
	}
	
	.multiBuy p {
		font-weight: bold;
		color: #000000;
		font-size: 14px;
		padding-left: 25px;
		}
	
	.multiBuy p.multiBuyText {
		font-weight: normal;
		text-align: justify;
		}
		
	.multiBuy img {
		padding: 15px 15px 0px 15px;
		}	
	
/* ================== E-VOUCHER ON CHECKOUT 1 ====================== */

	.eVoucher {
		background: #ffffff; 
		border: 1px solid #000000;
		text-align: left;
		width: 250px;
		}
		
	.eVoucher font.eVoucherName {
		color: #000000;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		}
	
	.eVoucher font.eVoucherError {
		color: #cc0000;
		}
	
	.eVoucherAccept {
		color: #000000;
		font-family: arial, helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		background: #ffffff; 
		border: 1px solid #000000;
		text-align: center;
		}
		
/* ================== YOUR ACCOUNT ================ */

    .yourAccountOuterContainer 
    {
        
	margin:0 auto;
	width: 60em;
	text-align:left;
    }
    
    .yourAccountOuterContainer img
    {
	text-align:center;
	margin:0 auto;
	display:block;
    }
    
    
    .yourAccountContainer {
    background: #ffffff;
	text-align: center;
	margin: 0 auto;
	padding: 0px;
	font-size: 1.2em;
	}
	
		.yourAccountContainer h2 {
        color:#ffffff;
        background:#373131;
        margin:0;
        padding:0.5em;
        text-align:center;
        font-weight:bold;
        font-size:1.3em;
		}
		
		.yourAccountContainer h3 
		{
	    padding:1em 1em 0 2em;
        font-size:1.2em;
        color:#9c0164;
		}
	
	
	.managesubscription {
	width: 75%;
	padding: 10px;
	margin: 0 auto;
	}
	
	.manageleftcolumn {
	float: left;
	text-align: left;
	width: 50%;
	}
	
	.managerightcolumn {
	float: left;
	text-align: left;
	width: 50%;
	}
	
	.wltemplate_close {
	clear: both;
	}
	
		.wltemplate_close img
		{
		border:0;
	    }

