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

*/

body 
{
    font-family: Verdana, Georgia; 
    text-align:center;
    margin:0;
    padding:0;
    background: #F4F7F8 url(shephard/bgRepeat.gif) repeat-y center;
    behavior: url(/store_templates/shephard/csshover.htc) ;
}
    
.container 
{
    background: #ffffff;
    margin: 0 auto;
    padding:0;
    width: 650px;
    text-align: left;
    font-size:12px;
	}
	

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

.headerBar 
{
    margin:0;
    padding: 7px 0;
    background: #001E50;
    border-bottom: solid 1px #8191A2;   
    }

.header 
{
    margin: 0 auto;
    height: 90px;
    background: url(shephard/headerRepeat.gif) repeat-x;
    }
    
        .header h1 {
        margin: 0;
        padding: 0;
        }
    
    .header h1 a {
        display: block;
        height: 85px;
        width: 373px;
        text-indent: -999999px;
        background: transparent url(shephard/logo.gif) 1px 0 no-repeat;
        }


        .headerNav 
        {
            background: url(shephard/navRepeat.gif) repeat-x;
            border-top: solid 1px #DDDDDD;
            border-bottom: solid 1px #DDDDDD;
            margin: 0 auto;
            padding:0;
            /*text-align: center;*/
            color: #ffffff;
            clear: both;
            height:37px;
            font-size:15px;  
            }
            
        .headerNav ul 
        {   

            list-style: none;
            float:left;
            margin:0;
            padding:0;
            position:absolute;
            }

        .headerNav li 
        {
            float: left;
            background: url(shephard/navSeperator.gif) no-repeat right;
            line-height:28px;
            margin:0;
            padding: 5px 7px;
            position:relative;
            }
            
               .headerNav li.last
        {
            background: none;
            }

        .headerNav a 
        {
            display: block;
            text-decoration: none;
            text-align: center;
            color: #001E50;
            }

        .headerNav a:hover {
            color: #CD3E46;
            }
            
            
/*SUB MENU */
.headerNav li ul 
            {
            display: none;
            }
            
            .headerNav li:hover ul
                {
                display:block;
                border-right: none;
                padding:0;
                margin: 5px 0 0 -8px;
                }
    
        .headerNav li ul li
            {
            float:none;
            background: red url(shephard/navRepeat.gif) repeat-x;
            border-bottom: solid 1px #DDDDDD;
            border-left: solid 1px #DDDDDD;
            border-right: solid 1px #DDDDDD;
            width: 170px;
            height:22px;
            font-size:15px;  
            }
    
        .headerNav li ul li a 
        {
            cursor:pointer;
            text-align:left;
            border-right: none;
                margin: -3px 0 0 -5px;
                padding: 0 0 0 6px;
            } 
  
    
            .headerNav li ul li a:hover 
                {
                /*font-weight:bold;*/
                }

/* --------------------------------- */


.headerBasket 
{
    border-bottom: solid 10px #001E50;
    line-height: 28px;
    font-size: 13px;
    text-align: right;
    color:#266f9B;

    }
    
    .headerBasket span {
    font-weight:bold;
    }


    .headerBasket a
        {

        text-decoration: none;
        color: #266F9B;
        /*color: #001E50;*/
        }

    .headerBasket a:hover 
        {
        color: #CD3E46;
        text-decoration:underline;
        }
                    
  
 
        
/* ================= CONTENT ====================== */  
     
.contentPanel
{
    float:left;
    width:650px;
    background: #ffffff;
    padding: 0;
    margin: 0;
    text-align:left;
    }
    
    
    .contentPanel table
{
    border-collapse:collapse;
    }
/* ================= FOOTER ====================== */


    

    
.baseLine 
{
    clear: both;
    margin: 5px 0 10px 0;
    padding:0;
    background: url(shephard/footerLinksRepeat.gif) repeat-x;
    height: 56px;
    font-size: 12px;
    color:#ffffff;
    text-align:right;
    }
    
  
    
    .baseLine ul
    {
        list-style: none;
        display: inline;
        margin:0 10px;
        padding:0;
        }
                
        .baseLine li 
        {
            padding: 0 10px;
            margin:0;
            display:inline;
            line-height:56px;
            border-right:solid 1px #ffffff;
        }
        
        .baseLine li.last
        {
            border-right: none;
            }

        .baseLine a 
        {
            text-decoration: none;
            text-align: center;
            color: #ffffff;
            }
        
        .baseLine a:hover {
            color: #ffffff;
            text-decoration:underline;
            }
            
.footer 
{
    clear: both;
    background: url(shephard/footer.gif) repeat-x;
    }
    
    .footer p
    {
        text-align: center;
        color: #266F9B;
        margin:0;
        padding: 0;
        float:left;
        }
        
          /* -------verisign---------- */
        
    .verisign
    {

        float:right;
        margin:0;
        padding:0;
        }

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

	.bground 
	{
		}
		
		.StoreText
		{
			}
			
	.StoreText h2
	{
	    color:#fff;
	    text-align:center;
        margin: 0.5em 0;
		}
			
	    .StoreText p 
		{
		    padding: 0 1em 0.5em 1em;
		    	}
		    	
/* ===============DISPLAY STORE STYLES====================== */
		    	
		.ItemNameDisplay 
		    /* mag title on displaystore.asp */
		{
		    font-weight: bold;
		    padding: 0 0 0.5em 0;
		   }
		   
		.ItemOfferTitle
		    /* offer description on displaystore.asp */
		{  
		    font-weight:bold;
		    padding:0 0 0.5em 0;
		    }
		    
		.ItemOfferText
		    /* offer text on displaystore.asp */
		{   
		    padding:0 0 0.5em 0;
		    }	
	
/* ===============DISPLAY ITEM STYLES====================== */
    		
	    .ItemName 
	        /* mag title */
	    {
	        font-weight: bold;
	        color: #001E50;
	        text-decoration: underline;
	        padding: 0.5em 0;
		    }
		    
        .ItemName h1
	        /* mag title */
	    {
	        font-size: 14px;
	        margin:0;
	        padding: 0;
		    }
		    	
	    .OfferText, .DirectDebit
	        /* issue description */
	    {
	        padding: 0.5em 0 0.5em 1.5em ;
		    }
		    
		.bground .OfferText 
		{
		    margin:0;
		    padding:0;
		    }
    	
	    .OfferPrice 
	        /* price */ 
	    {
	        font-weight:bold;
	        padding: 0 1em 0 1.5em;
	        color: #001E50;
		    }
		    
		    .convertedCurrency 
		    {
	        color: #001E50;
		        }

    	   		
	    .ItemDescription 
	        /* magazine description text */
	    {
		    }
		    

		
/* ============= BASKET.ASP STYLES ======================== */

		        
	    .YourBasket 
	        /* Your Basket title (sits within <p> tags) */
	    {
	        font-weight: bold;
	        font-size: 14px;
	        color: #001E50; 
		    }
		    
		   
    	
	    .BasketItemTitle 
	        /* Mag title */ 
	    {
	        font-weight:bold;
	        color: #001E50;
		    }
    	
	    .BasketItem  
	        /* issue description */
	    {
		    }
	        
		.BasketPrice
	        /* total basket price */ 
	    {
	        font-weight: bold;
	        color: #001E50;
	        text-align: right;
	        padding: 1em 0;
	        border-bottom: solid 0.1em #BE000A;
	        
		    }
    				    
/* ============= checkout.asp STYLES ======================== */

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

	    .eVoucher {
		    }
    		
	    .eVoucher font.eVoucherName {
		    }
    	
	    .eVoucher font.eVoucherError {
		    }
    	
	    .eVoucherAccept {
		    }
		    
	    .eVoucherError 
	    {
	        color: red;
	        font-weight:bold;
		    }
		
/* ===================== 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 {
		}