/* */

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	text-align:center;
	background: url(/store_templates/thedfc/metal_backer.gif);
}


.container_border 
{
    background: url(/store_templates/thedfc/thedfc_border.gif) repeat-y center ;
    width:100%;
    min-height:100%;}  
  
.container 
{
    background: #ffffff;
    margin: 0 auto;
    width: 650px;
    text-align: left;
	}

/* ================= HEADER ====================== */

        .headerNav 
        {
            margin: 0 auto;
            padding: 0;
            text-align: center;
            color: #ffffff;
            clear: both;
            float:right;
               font-size:12px;
            }
            
        .headerNav ul 
        {
            list-style: none;
            float:left;
            }

        .headerNav li 
        {
            float: left;
            border-right: solid 2px #da771c; /*orange*/
            }

        .headerNav a 
        {
            display: block;
            text-decoration: none;
            text-align: center;
            color: #da771c; /*orange*/
            padding: 0 1em;
            font-weight: bold;
            }

        .headerNav a:hover {
            color: #7caf39; /*green*/
            }
            
             .headerNav h3
             {
                color: #206caa; /*blue*/
                font-weight:bold;
                font-size:12px;
                text-align:center;
                float:left;
                padding: 0 2em;
               /*  display:block;
                position: relative;
                top: -0.5em;*/
                }


.content 
{
    margin: 5px 30px;
    padding: 5px 0 20px 0;
    clear:both;
    /*border-top: solid 1px #eeeeed;*/
    }

#mag
{
        text-align:left;
    }
    
#mag ul 
{
    list-style:none;
    margin:0 auto;
    
    }
    
    #mag ul li 
    {
        margin:1em;
        width: 250px;
        height: 29px;
        text-align:center;
        }
        
        #mag a 
        {
            background: url(/store_templates/thedfc/buttonBackground.gif) no-repeat;
            text-decoration:none;
            font-weight:bold;
            color:#ffffff;
            display:block;
            width: 250px;
            height: 29px;
            padding:5px;
            }
            
        #mag a:hover
        {
            background: url(/store_templates/thedfc/buttonBackgroundHover.gif) no-repeat;
            }

.footer 
{
    padding: 4em 0 2em 0;}

/* ================== 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;
		    }
    	
	    .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:#206caa;
		    }
    				    
/* ============= 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;
	}

