/* CSS Document */

body{
/*background: #F5F5F5 url(/store_templates/magsonline/magsonlineBg.gif) repeat-y center;*/
color:#444444;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
text-align:center;
}

#container
{
width:800px;
margin-left:0px;
margin:0 auto;
background: #ffffff;
text-align:left;
}

#header {
background: #ffffff;
padding-bottom: 10px;
height: 63px;
}
    
/*---------------------------------------*/

.horizontalNav 
{
    background: #ffffff url(/store_templates/magsonline/tab.gif) no-repeat bottom left;
    height: 30px;
    width: 600px;
    float: left;
    margin-top: 33px;
    }
    
    .horizontalNav ul{
	    margin:0;
	    padding: 0px 0px 0px 20px;
	    border:none;
        list-style:none;
        height:30px;
        display:block;
	    }
    
    .horizontalNav li{
	    margin-left:-10px;
	    font-size:14px;
	    line-height:30px;
	    width: 150px;
        vertical-align: bottom;
        float: left;
	    }   
    
    .horizontalNav li a {	
        display:-moz-inline-block;
        display:inline-block;
        height:30px;
        width:150px;
        text-decoration: none;
        text-align: center;
        color: #ffffff;
        font-weight:bold;
        padding-bottom:0;
        }
          
	.horizontalNav li a:hover{
        text-decoration:underline;
        }
    
    
/*---------------------------------------*/
.sideNav{
/*background:#F5F5F5; */
width:188px;
float:left;
clear: left;
height: 100%;
}

	.sideNav h4 { 
	font-size:11px;   
	color: #444444;
	margin:0 10px 0 10px;
	padding-bottom:5px;
	background: url(/store_templates/magsonline/px_nav_line.gif) bottom repeat-x;
	}

	.sideNav ul{
    background:#F5F5F5;
	margin:0;
	padding: 0px 0px 5px 20px;
	border:none;
	list-style-type: none;
	}
    
    .sideNav li{
    color:#23B6D7;
	margin-left:-10px;
	font-size:11px;
	}   
    
    .sideNav li a {
	text-decoration: none;
	color:#23B6D7;
	display:block;
    }
          
	.sideNav li a:hover{
    text-decoration:underline;
    }
    
.basket 
{
    background:#F5F5F5;
    border:solid 1px #cccccc;
    margin: 0 0 0 0;
    padding: 1em 0;
    }

    
.ourMagazines {
    background:#F5F5F5;
    border:solid 1px #cccccc;
    margin: 1em 0 0 0;
    padding: 1em 0;
    } 
    
    .ourMagazines h3
        {
	    margin:0 10px 0 10px;
	    padding-bottom:10px;
        }
        
    .ourMagazines ul
        {
            list-style-type:disc;
        }
        
    .ourMagazines li
        {
            margin-left:5px;
            padding-right: 5px;
        }
    
.custService 
{
    background:#F5F5F5;
    border:solid 1px #cccccc;
    margin: 1em 0 0 0;
    padding: 1em 0;
    }
    
    
.bestOffers
{
    background:#F5F5F5;
    border:solid 1px #cccccc;
    margin: 1em 0 0 0;
    padding: 1em 0;
    }
    
.logoPanel
{
    margin:2em auto;
    padding:auto;}


.footerPanel 
{
    clear:both;
    text-align:left;
    }
    
    .footerPanel img
{
    margin-top:1em;
    }
    
    .verisign 
    {
	    float: right;	  
    }
    
/*---------------------------------------*/
      

    
    
/*---------------------------------------*/
  
.mags{
float:left;
width:600px;
background: #ffffff;
margin:0 auto;
padding-bottom:20px;
padding: 0 6px 10px 6px;
}

	.mags img{
	border:none;
	padding-right:0.25em;
	}

.magsContent
	{
	padding:0 1em 0 1em;
	margin:0 auto;
	text-align:left;
	}
	
.secureMagsContainer 
{
    text-align:center;
	}	
        
/*
	.secureMags {
        width:600px;
        background: #ffffff;
        margin:0 auto;
        padding-bottom:20px;
        padding: 5px;
        text-align:left;
        }

	.secureMags img {
	    border:none;
	    display:block;
	    margin:0 auto;
	    text-align:center;
    	}
*/
.footer
    {
    clear:both;
    /*width:600px;*/
    height:100px;
    text-align:center;
    border-top: solid 1px #f5f5f5;
    margin: 1em auto;
    }


/* ================== 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:14px;
		    font-weight:bold;
		    padding:0 0 0.5em 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;
	        text-align:center;
	        font-size:18px;
	        margin-top:0;
		    }
    	
	    .BasketItemTitle 
	        /* Mag title */ 
	    {
	        font-weight:bold;
		    }
    	
	    .BasketItem  
	        /* issue description */
	    {
	        font-size:12px;
		    }
	        
		.BasketPrice
	        /* total basket price */ 
	    {
	        font-weight:bold;
	        text-align:center;
		    }
    				    
/* ============= 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 
Also used in store_custom_content table (scc_content)
=================== */

	.infoHeading { 
		}
		
.SecurityHeader 
	{
	     
		}
		
		.verisignInfo {
			}
	
	.SecurityText 
	{
	    padding-bottom: 1em;
		}

.ContactUsHeader {
		}
	
	.ContactUsText {
	    padding-bottom: 1em;
		}
	
.faqHeader {
		}
	
	.faqText {
	    padding-bottom: 1em;
		}		
	
		ol.faqText {
	    padding-bottom: 1em;
	    list-style-position: inside;
			}
			
		ol.faqText li {
	    font-weight: bold;
			}
			
		.faqText a {
	    font-weight: bold;
			}
	
	.termsHeader {
		}
	
	ol.termsText 
	{
	    font-weight:normal;
	    padding-left:20px;
		}
		
		ol.termsText li ol
	{
	    list-style: lower-alpha;
		}
	

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

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

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

#yourAccountContainer 
{
    background: #ffffff;
    margin: 12px auto;
    width: 800px;
    text-align:center;
	}
	
	#yourAccountContainer img {
	}
	
		#yourAccountContainer h2 {
            text-align:center;
		}
		
		#yourAccountContainer h3 
		{
            /*background: #c30463;
            color: #ffffff;
            text-align:center;*/
            margin: 0.5em;
		}
	

	#managesubscription 
	{
	    margin: 1em auto;
	    text-align:center;
	    width:600px;
	}
	
	
	
	#managesubscription ul
	{
        padding: 0.5em 1em 1em 0.5em;
        margin: 0;
	}
	
	#managesubscription li
	{
	    list-style-type: none;
	}
		
	#manageleftcolumn 
	{
	    float:left;
	    width:300px;
	    text-align:left;
	}
	
	#managerightcolumn 
	{
	    float:left; 
	    width:300px;  
	    text-align:left;  
	}
	
	#backtomags    { 
	    clear:both;
	    /*float:left;*/
	    text-align:center;
	}
		#backtomags img  
		{
		display:block;
	    margin: 2em auto;
	}
	
	#wltemplate_Close 
	{
	    margin: 1em;
	}
	
		#wltemplate_Close img
	{
	    border: none;
	}