@import "common.css";
@import "product-promotion-pods.css";
/* ------------------------------------------------------------------
  Filename:        landing.css
  Author:          AKQA
  Description:     Page layout for the landing template
  ------------------------------------------------------------------- */

/* Offers panel */

div.left {
    background: url(/library/default/images/common/backgrounds/horizontal-divider-bg-dark.gif) repeat-y right top;}
    
div.right {
    background: url(/library/default/images/common/backgrounds/horizontal-divider-bg-dark.gif) repeat-y left top;}

div.offer.first{
    width:440px;
    padding:0;
    margin:0;}

div.offer.second{
    width:293px;
    padding:0;
    margin:0;}
    
/* PODS panel */

div.pods.five h3 {
	width:auto;
	height:auto;
	margin-bottom:4px;
	text-indent:0
}

div.pods p{
    width:125px;
    min-height: 30px;}

div.pod.howCan h3,
div.pod.moneyUpdate h3{
    width:auto;
	height:auto;
	margin-bottom:0px;
	margin-left:10px;
	text-indent:0;
	font-size:1.3em;
	font-weight:bold;
	color:#930031;}

div.pod.howCan ul
{
    margin-left:10px;}

div.pod.moneyUpdate {
    height:200px;
    width:358px !important;}
    
div.pod.moneyUpdate div{
    float:left;
    width:243px;}
    
 div.pod.moneyUpdate img{
    float:left;
    margin-top:-15px;
}

div.pod.moneyUpdate h3{
    margin-left:12px;}
    
div.pod.moneyUpdate ul
{
    margin-left:10px;}

div.pod.moneyUpdate a.panelLink{
    width:368px;
    height:150px;
    margin:-30px 0 0 -10px;
    background: url(/library/default/images/landing/money-update.gif) no-repeat 15px 40px;}
    
div.pod.moneyUpdate p.moneyQuote
{
        margin:6px 0 0 10px;}

div.pod.moneyUpdate p.moneyQuote span{
	width:155px;
	margin-left:30px;}

/* Place CSS rules for to-be-replaced elements here. 
Prefix by .sIFR-active so they only apply if sIFR is active. */
	
@media screen { 
	.sIFR-active div.pod.howCan h3 {
		visibility: hidden;
		font-family: Verdana;
		line-height: 1em;
		margin-bottom:-4px;
		font-size:155%;
	}
	
	.sIFR-active div.pod.moneyUpdate h3 {
		visibility: hidden;
		font-family: Verdana;
		line-height: 1em;
		margin-bottom:-4px;
		font-size:155%;
	}
}