@charset "ISO-8859-1";

.autumn{
    color:#ae2715;
}

body, html {
  margin: 0; 
  padding: 0;
  font-family: arial, times new roman;
}

body {
  font-size: 62.5%;
  color: #333333;
  background: #ffffff url(/content/images/q309/body.gif) no-repeat center top;
}

img {
  border: none;
}

/***********************************************
*** COMMON
***********************************************/

.clearfloat {
  clear: both;
  height:0px;
    font-size: 1px;
    line-height: 0px;
}

#page {
  position: relative;
  width: 992px;
  margin: 0 auto;
}

#contentBg {
  padding: 0 6px;
  background: transparent url(/content/images/q309/bg_page.gif) repeat-y left top;
}

#flashContainer {
  background: transparent url(/content/images/q309/bg_flash.gif) no-repeat left bottom;
}

#content {
  background: transparent url(/content/images/q309/bg_home.png) no-repeat left top;
  height: 200px;
}

  #content .padding { padding: 0 41px 0 41px; }
  
  
  #content .leftContent {
    float: left;
    width: 340px;
  }
  
    #content .leftContent .padding { padding: 3px 40px 0 0; }
  
    #content .leftContent h1 {
      color: #3d4d5a;
      font-size: 1.8em;
      font-weight: normal;
      margin: 0;
      line-height: 19px;
    }
    
    #content .leftContent h2 {
      color: #668bad;
      font-size: 1.0em;
      text-transform: capitalize;
      font-weight: 600;
      margin: 0;
    }
  
    #content .leftContent p {
      color: #333333;
      font-size: 1.1em;
      font-weight: normal;
      margin: 16px 0;
    }
    
     #content .leftContent p a {
    color:#668BAD;
    text-decoration:none;
    }

  #content .rightContent {
    float: left;
    width: 300px;

  }
  
    #content .rightContent .padding { padding: 3px 0 0 0; }
  
    #content .rightContent h1 {
      color: #3d4d5a;
      color: #9a0f1e;
      font-size: 1.8em;
      font-weight: normal;
      margin: 0;
      line-height: 19px;
    }
    
    #content .rightContent h2 {
      color: #668bad;
      color: #000;
      font-size: 1.0em;
      text-transform: capitalize;
      font-weight: 600;
      margin: 0;
    }
  
    #content .rightContent p {
      color: #333333;
      font-size: 1.1em;
      font-weight: normal;
      margin: 16px 0;
    }
    
    #content .rightContent p a {
    color:#668BAD;
    text-decoration:none;
    }
    
  #content .imageContent {
    float: right;
    width: 230px;
    position: absolute;
    height: 155px;
    top: 535px;
    right: 41px;
    display: none; 
  }

    #button {
      position: absolute;
      right: 0;

      display: block;
      width: 222px;
      height: 115px;
      text-decoration: none;
      color: #ffffff;
    }
    
    #tempImage {
      position: absolute;
      right: 0;

      width: 222px;
      height: 115px;
      text-decoration: none;
      color: #ffffff;
    }
    
    #buttonPanel {
      position: absolute;
      width: 222px;
      right: 0px;
      bottom: 155px;
      color: #ffffff;
      background: transparent url(/content/images/q309/bg_panel.png) no-repeat left top;
      display: none;
    }
        
    #buttonPanel .padding { padding: 16px 19px; }
    
    #buttonPanel p {
      color: #ffffff;
      margin: 0 0 10px;
      font-size: 1.0em;
    }
    
    #allOffers {
      display: none;
    }
    
    #offerControls {
      padding: 125px 0 0 4px;
    } 
    
    #offerControls a, #offerControls img { float: left; }

#utilNavi {
  text-align: right;
  color: #699bcd;
  height: 19px;
}

  #utilNavi .container { padding: 9px 28px 0 0; }

  #utilNavi a {
    color: #9a9a9a;
    text-decoration: none;
  }
  
  #utilNavi a:hover {
    color: #699bcd;
  }
  
#footer {
  color: #747474;
  height: 160px;
}

  #footer .container { padding: 23px 360px 20px 28px; }

  #footer h3 {
    font-weight: bold;
    font-size: 1.0em;
    margin: 0;
  }
  
  #footer p {
    font-size: 1.0em;
    margin: 0;
  }
  
  
  *:focus{ outline:none}