/* 
============ COLOUR REFERENCE ============
color: #008bab; - DARK BLUE
color: #009abd; - LIGHT BLUE
color: #e1001a; - DARK RED

========= FONT SIZE MEASUREMENTS =========
10px = 0.625em
12px = 0.75em
14px = 0.875em
16px = 1em

*/

* {
    margin: 0;
    padding:0;
}

body 
{
    font-family: Verdana, Arial, Sans-Serif; 
    text-align:center;
    font-size: 0.625em;
}
    
.container 
{
    background: #ffffff;
    margin: 0 auto;
    width: 75em;
    text-align: left;
	}
	

/* ================= HEADER ====================== */

.header 
{
    margin: 0 auto;
    background: #ffffff;
    }
    
    .header img
    {
        width: 75em;
        height: 9.4em;
        }

        .headerNav 
        {
            margin: 0 auto;
            text-align: center;
            color: #ffffff;
            clear: both;
            /*width: 52em;*/
            float:right;       
            }
            
        .headerNav ul 
        {
            list-style: none;
            float:left;
            }

        .headerNav li 
        {
            float: left;
            font-size:1.2em;
            border-right: solid 0.1em #009abd;
            }

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

        .headerNav a:hover {
            color: #e1001a;
            }
            
             .headerNav h3
             {
                color: #e1001a;
                font-weight:bold;
                font-size:1.2em;
                text-align:center;
                float:left;
                padding: 0 2em;
                display:block;
                position: relative;
                top: -0.5em;
                }
                
    .magLinkStrip img 
    {
        height: 4em;
        width: 75em;
        }
        
/* ================= LEFT PANEL ====================== */
   
.left 
{
    float:left;
    clear:both;
	width: 20em;
    background: #009abd;
    margin:0;
    padding:0;
    }
   
    /* -------sideNav---------- */
    
    .sideNav 
    {
        background: #009abd;
        padding: 0.5em;
        margin-bottom: 1em;
        text-align:center;
        }
    
    .sideNav ul {
        list-style: none;
        padding: 0.1em;
        }
    
    .sideNav li {
        margin-bottom:0.4em;
        padding-bottom: 0.7em;
        color: #ffffff;
        border-bottom: dotted 0.2em #008bab;
        }
    
    .sideNav h2
    {
        display:block;
        color: #ffffff;
        text-decoration:none;
        font-weight:bold;
        font-size:1.2em;
        padding: 0.3em;
        }
        
        
    /* -------verisign---------- */
        
    .verisign
    {

        text-align:center;
        margin: 0 0 1em 0;
        }
        
    .contentPanelSecure .verisign
    {

        text-align: right;
        margin: 0 0 1em 0;
        }
        
/* ================= CONTENT ====================== */  
     
.contentPanel
{
    float:left;
    width:55em;
    background: #ffffff;
    padding: 0em;
    margin: 1em 0;
    text-align: center;
    }
    
        .pageContent
    {
        width: 53em;
        margin: 0 auto;
        text-align:left;
        }
    

    
    .contentPanelSecure
    {
        width:75em;
        background: #ffffff;
        text-align:center;
        }

        
    .pageContentSecure
    {
        margin: 1em auto;
        width:53em;
        text-align:left;
        }

 
 
/* ================= FOOTER ====================== */

.footer 
{
    clear: both;
    border-top: solid 0.2em #008bab;
    }
    
    .footer p
    {
        text-align: center;
        font-size: 1.1em;
        color: #999999;
        padding: 0.25em 0 0.5em 0;
        }
    
    .footer a
    {
        text-decoration:none;
        color: #ffffff;
        }
    
.baseLine 
{
    clear: both;
    color: #999999;
    text-align: center;
    margin: 0 0 1em 0;
    }
    
   .baseLine div
    {
        margin:0 auto;
        }
    
    .baseLine ul
    {
        list-style: none;
        border-top: dotted 0.1em #009abd;
        display: inline;
        }
                
        .baseLine li 
        {
            padding: 0 1em 1em 1em;
            display:inline;
        }

        .baseLine a 
        {
            text-decoration: none;
            text-align: center;
            color: #009abd;
            }
        
        .baseLine a:hover {
            color: #e1001a;
            }


/* ================== 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: 1.4em;
		    font-weight: bold;
		    padding: 0 0 0.5em 0;
		   }
		   
		.ItemOfferTitle
		    /* offer description on displaystore.asp */
		{   font-size:1.4em;
		    font-weight:bold;
		    padding:0 0 0.5em 0;
		    }
		    
		.ItemOfferText
		    /* offer text on displaystore.asp */
		{   font-size:1.2em;
		    padding:0 0 0.5em 0;
		    }	
	
/* ===============DISPLAY ITEM STYLES====================== */
    		
	    .ItemName 
	        /* mag title */
	    {
	        font-weight: bold;
	        padding: 0.5em 0;
	        text-align: center;
	        color: #008bab;
	        font-size: 1.6em;
	        text-decoration: underline;
		    }
		    
		    .pageContentSecure .ItemName
            {
	            text-align: left;
                font-size: 0.875em;
	            text-decoration: none;
	            }
	            
	            .pageContentSecure table
            {
	            margin: 0.5em 0 1em 0;
	            }

		    	
	    .OfferText, .DirectDebit
	        /* issue description */
	    {
	        font-size: 1.1em;
	        padding: 0.5em 0 0.5em 1.5em ;
		    }
    	
	    .OfferPrice 
	        /* price */ 
	    {
	        font-weight:bold;
	        padding: 0 1em 0 1.5em;
		    }
		    
		    .convertedCurrency 
		    {
	        color: #008bab;
		        }

    	   		
	    .ItemDescription 
	        /* magazine description text */
	    {
	        font-size: 1.2em;
		    }
		    

		
/* ============= BASKET.ASP STYLES ======================== */
	
	    .YourBasket 
	        /* Your Basket title (sits within <p> tags) */
	    {
	        font-weight: bold;
	        font-size: 1.6em;
	        text-align: center;
	        text-decoration: underline;
	        color: #008bab;
		    }
    	
	    .BasketItemTitle 
	        /* Mag title */ 
	    {
	        font-weight:bold;
	        font-size: 1.2em;
	        color: #008bab;
		    }
    	
	    .BasketItem  
	        /* issue description */
	    {
	        font-size: 1.1em;
		    }
	        
		.BasketPrice
	        /* total basket price */ 
	    {
	        font-weight: bold;
	        font-size: 1.2em;
	        color: #008bab;
	        text-align: right;
	        padding: 1em 0;
	        border-bottom: solid 0.1em #009abd;
	        
		    }
    				    
/* ============= checkout.asp STYLES ======================== */

	    td.CheckoutText 
	        /* Text within Your Details section on checkout1 
            and text at foot of checkout2 */
	    {
	        font-size: 0.75em;
	        padding: 0.5em 0;
		    }
		    
		div.CheckoutText 
	        /* Text within Your Basket section in checkout1*/
	        {
	            font-size: 0.75em;
		        }
		        
		        div.CheckoutText img
		        {
		            display:block;
		            margin: 2em auto;
		            text-align: center;
		            }
		        
		       
		    div p.CheckoutText 
	            /* Text within Your Details section in checkout2 */
	        {
	            font-size: 1.1em;
		        }
		        
		        div p.CheckoutFields 
	        /* Text within Your Details section in checkout2 (bold) */
	        {
	            font-size: 1.1em;
		        }
		        
		  		    
		        .yourOrderPanel p.CheckoutText
		        {
		            font-size: 1.1em;
		            } 
        		    
		            .yourOrderPanel h4.ItemName
		            {
		            font-size: 1.2em;
		                }  
        		    
		        .yourOrderPanel em.CheckoutFields
		        {
		            font-style: normal;
		            font-size: 1.1em;
		            }      
		    
    				
		    .pageContentSecure p img
		    {
		        padding: 0.5em 0;
		    }
    	
	    .CheckoutFields 
	    {
	        font-size: 0.75em;
	        font-weight:bold;
		    }
    	
	    .CheckoutBasketSummary {
	        font-size: 0.75em;
		    }
    	
	    .CheckoutHeaders {
	        font-size: 0.75em;
	        font-weight:bold;
	        color:#008bab;
		    }
    		
	    .strikethrough {
			color: #CC0000;
			text-decoration: line-through;							
		    }
    		
	    .EcardCats {
		    }
		    
		 #enabledEcardPopupLink1, #disabledEcardPopupLink1
		 {
		    font-size: 0.875em;
		    font-weight: bold;
		    padding: 0 0.5em 0.5em 0.5em;
		    color: #008bab;
		    border: solid 0.1em #008bab;
		    font-style:normal;
		 }    
		 
   
/* ================== E-VOUCHER ON CHECKOUT 1 ====================== */

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

.infoContainer
{   
    text-align:center;
    margin:1em;
    }
    
    .infoContainer h2
{   
    font-size: 1.5em;
    }
    
.infoHeading { 
}

.verisignInfo {
}

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

.privacy 
{
    text-align:left;
    }

.SecurityHeader 
    {
    color: #008bab;
    text-align:center;
    text-decoration: underline;
    margin-bottom: 1em;
    }

.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:center;
    }

   h2.ContactUsHeader {
        color: #008bab;
        text-align:center;
        text-decoration: underline;
        margin-bottom: 1em;
        }
        
    p.ContactUsHeader {
        color: #008bab;
        font-size: 1.2em;
        font-weight:bold;
        margin-bottom: 0.5em;
        }

    .ContactUsText {
        padding-bottom: 2em;
        font-size: 1.2em;
        }
        
    .ContactUsText a {
        text-decoration:none;
        color: #000000;
        font-weight: bold;
        }
		        
		        
/* -------faq---------- */

.faq {
        text-align:left;
    }

    h2.faqHeader 
        {
        color: #008bab;
        text-align:center;
        text-decoration: underline;
        margin-bottom: 1em;
	    }
	    
	p.faqHeader 
	    {
    	font-weight:bold;
        font-size: 1.1em;
	    }
	
    .faqText {
        padding-bottom: 1em;
        font-size: 1.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: #008bab;
        text-align:center;
        text-decoration: underline;
        margin-bottom: 1em;
	    }
		
	p.termsHeader 
	    {
    	font-weight:bold;
        font-size: 1.1em;
	    }
	    
	.termsText
	    {
        padding-bottom: 1em;
        font-size: 1.1em;
	    }
	

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

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

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

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

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