/*************************************
**        global.css                **
**                                  **
**     Global CSS for rendering     **
**         the template             **
*************************************/

  body{
    font-family:    arial;
    margin-left:    0;
    margin-top:     0;
    background-image: url(/images/bkg_grad.gif);
    background-repeat: repeat-x;
    background-color:   #ECEEED;
    font-size:      11px;
    font-weight:    200;
  }
  a,a:visited{
    color:          #6C6C6C;
    text-decoration: none;
  }
  a:hover{
    text-decoration: underline;
  }
  h1,h2,h3{
    font-size:          18px;
    font-weight:        bold;
    padding:            0;
    margin:             0;
    color:              #72787d;
  }
  #container{
    margin:         0 auto;
    overflow:       hidden;
    padding:        0;
    width:          898px;    
  }
  #leftshadow{
    position:       relative;
    height:         100%;
    float:          left;
    width:          10px;
    overflow:       hidden;
  }
  #lefttopshadow{
    position:       absolute;
    height:         472px;
    width:          10px;
    background-image: url(/images/body_shad_left.gif);
    border:         1px solid blue;
  }
  #leftmainshadow{
    height:         100%;
    width:          10px;
    background-image: url(/images/body_shad_expand_left.gif);
    background-repeat:  repeat-y;
    border:         1px solid red;
    
  }
  #innercontainer{
    overflow:       hidden;
    padding:        0;
    width:          898px;
    background-image: url(/images/side_shadows.gif);
    background-repeat:repeat-y;
  }
  #innercontainershadow{
    width:          878px;
    padding-left:   10px;
    padding-right:   10px;
    background-image: url(/images/topbodyshadow.gif);
    background-repeat: no-repeat;
  }
  #rightshadow{
    float:          right;
    background-image: url(/images/body_shad_right.gif);
    height:         724px;
    width:          10px;
  }
  
  #header{
    height:         130px;
    margin:         0;
    padding:        0;
    width:          878px;
    overflow:       hidden;
/*    border-left:    1px solid #C7CBCE;
    border-right:   1px solid #C7CBCE;*/
  }
  #toplinks{
    position:       absolute;
    margin-left:    758px;
    margin-top:     13px;
    height:         15px;
    font-size:      11px;
    color:          white;
  }
  #toplinks a,a:visited{
    color:          white;
    text-decoration: none;
  }
  #toplinks a:hover{
    text-decoration:    underline;
  }
  
  
  #headerimage{
    width:          878px;
    background-image: url(/images/affinion_header.jpg);
    height:         101px;
  }
  #headerlogo{
    position:       absolute;
    margin-left:    45px;
    margin-top:     30px;
    height:         46px;
    width:          280px;
  }
  #headerlogo img{
    border:         0;
  }
  #topnav{
    width:          878px;
    height:         29px;
  }
  .topnavitem{
    height:         29px;
    float:          left;
  }
  #contentcontainer{
    width:          878px;
   /* border-left:    1px solid #C7CBCE;
    border-right:   1px solid #C7CBCE;*/
  }
  #topshading{
    position:       absolute;
    background-image: url(/images/hero_top_shad.gif);
    width:          878px;
    height:         14px;
  }
  
  #footercontainer{
    width:          898px;
    height:         119px;
  }
  #footer{
    float:          left;
    width:          878px;
    height:         119px;
    background-image: url(/images/bottom_fade.gif);
    background-color:   #ECEEED;
  }
  #footershadowleft{
    float:          left;
    background-image: url(/images/body_shad_foot_left.gif);
    height:         119px;
    width:          10px;
  }
  #footershadowright{
    float:          left;
    background-image: url(/images/body_shad_foot_right.gif);
    height:         119px;
    width:          10px;
  }
  
  #footerlinks{
    position:       absolute;
    margin-left:    25px;
    margin-top:     16px;
    color:          #6b6c6c;
    
  }
  #footercopyright{
    float:          right;
    margin-right:   18px;
    margin-top:     16px;
    color:          #6b6c6c;
    
  }
  #footerlinks a,a:visited{
    color:          #6b6c6c;
    text-decoration: none;
  }
  #footerlinks a:hover{
    text-decoration: underline;
  }
  #footercopyright a,a:visited{
    color:          #6b6c6c;
    text-decoration: none;
  }
  #footercopyright a:hover{
    text-decoration: underline;
  }
  
  
  .smallheader{
    font-size:      1.1em;
    font-weight:    bold;
    margin-bottom:  5px;
  }
  
  #content{
    width:          878px;
    background-color: #EAEAEA;
    overflow:       hidden;
  }
  
  
  /* left navigation bar CSS*/
  #leftcontainer{
    width:  170px;
    padding-top:     15px;
    float:          left;
    /*height:          530px;*/
  }
  #leftbarshadow{

    width:      13px;
    height:     260px;
    background-image:   url(/images/side_nav_shadow.gif);
  }
  #leftbar{
    width:          156px;
    height:         260px;
    background-color: #FBFBFB;
    border-right:  1px solid #D2D2D2;
    border-bottom:  1px solid #D2D2D2;
  }
  #leftbarheader{
    width:          136px;
    height:         23px;
    background-image:   url(/images/side_nav_header.gif);
    color:          #ebeeee;
    font-size:      1.0em;
    font-weight:    600;
    padding-top:    7px;
    padding-left:   20px;
  }
  #leftbaritem{
    background-color: #FAFAFA;
    color:          #787f83;
    border-bottom:  1px solid #B4B4B4;
/*
    height:         26px;
*/
    
  }
  #leftbaritem1{
    border-bottom:  1px solid #C8C8C8;
/*
    height:         18px;
*/
    padding-left:   20px;
    padding-top:    7px;
	padding-bottom: 7px;
  }
  #leftbaritem.linkhover{
    background-color: #C8C8C8;
    color:          #4c4d4d;
    cursor:         pointer;
    text-decoration:    none;

  }
  #leftbaritem.selected{
    background-color:   #F1C16D;
    color:              #4c4d4d;
    font-weight:        bold;
  }
  #leftbarsubitem{
    background-color: #FAFAFA;
    color:          #787f83;
    border-bottom:  1px solid #C7C7C7;
    padding-left:   30px;
    padding-top:    8px;
  }
  #leftbottom{
    margin-top:     2px;
    margin-bottom:     10px;

  }
  #leftfeaturecontainer{
    margin-top:     10px;
    width:          170px;
    height:         118px;
  }
  #leftfeatureshadow{
    float:          right;
    width:          13px;
    height:         118px;
    background-image:   url(/images/side_feature_box_shadow.gif);
  }
  #leftfeature{
    float:          left;
    width:          156px;
    height:         117px;
    background-image:   url(/images/side_feature_box.gif);
    border-right:  1px solid #D2D2D2;
    border-top:  1px solid #D2D2D2;
    /*border-bottom:  1px solid #D2D2D2;*/
    padding-left:   0;
    margin-left:    0;
    cursor:         pointer;
  }
  
  #leftfeatureimage{
    position:       absolute;
    margin-top:     10px;
    padding-left:   0;
    margin-left:    0;
    width:          156px;
    height:         59px;
  }
  #leftfeatureimageshadowleft{
    float:          left;
    width:          7px;
    height:         59px;
    padding:        0;
    margin:         0;
    background-image:   url(/images/side_feat_photo_shad_left.gif);
  }
  #leftfeatureimageshadowright{
    float:          right;
    width:          9px;
    height:         59px;
    padding:        0;
    margin:         0;
    background-image:   url(/images/side_feat_photo_shad_right.gif);
  }
  #leftfeatureimagemain{
    float:          left;
    width:          140px;
    height:         59px;
  }
  
  #leftfeaturetext{
    margin-top:     72px;
    padding-left:    10px;
    font-size:      0.95em;
  }
  #leftfeaturetext a{
    color:          #212121;
  }
  #leftfeaturetext p{
    line-height:    150%;
  }
  
  #rightcontainer{
    width: 708px;
    margin-top:     15px;
    text-align:     left;
    padding-bottom: 15px;
    float:          right;
  }
  
  /*breadcrumbs css*/

  #breadcrumbs{
    padding:            0;
    margin:             0;
    padding-top:        12px;
    margin-left:        9px;
    height:             50px;
  }
  
  
  #breadcrumbs li{
    display:            block;
    float:              left;
    padding:            0 5px 0 0;
    color:              #787583;
  }
  
  #breadcrumbs li img{
    
  }
  
  #breadcrumbs li a{
    color:              #787583;
    
  }
  #breadcrumbs li a:hover{
    text-decoration:    underline;
    
  }
  #breadcrumbs img{
    margin-top:        0px;
  }
  
  #learnmoreproduct{
    font-weight:        bold;
  }
  
  #learnmoreproduct a{
    text-decoration:    underline;
  }
  
  #contentarea.moresection p{
    margin-right:      15px;    
  }
  #contentarea ul{
    padding-right:       10px;
    margin-left:            0px;
    padding-left:        12px;
  }
  #contentarea p{
    padding-right:       10px;

  }
  
  #rightfootercontent a{
    text-decoration: underline;
  }
  #rightfootercontent a:visited{
    text-decoration: underline;
  }