/* This CSS is included when the flexoffers shortcodes are used */

/* If you want a generic class to target anything on the credit cards pages,
    it's probably best to use .left_sidebar which is on the body element.
    Usually there are more classes to target, but it looks like mysite is
    replacing them and I can't locate an option to put them back.
    Anyway, .left_sidebar should be fine as long as no other pages use the
    left sidebar. Which I think is the case */
    
/* styles for the top deals.
    The content of this top deals section is taken from the "TopCards"
    widget area. */
#top-deals {
  margin: 20px;
}
#top-deals .widget {
  width: 30%;
  margin: 10px;
  padding: 5px;
  float: left;
  overflow-y: auto;
}


/* styles for the left navigation widgets 
    The content for the navigation is configured through the "CardNavigation"
    widget area. The individual items are custom menus, but you really can do
    anything in here. I just thought the menu's were an easy way to manage
    it.
    Here are a few styles you can use */


/* styles for the main content area 
    If you want to change the structure, please see the bottom section of
    functions.php. If you need any help, let me know.
    I've copied the structure on travelcreditcards.com, but this can be changed
    to pretty much anything you prefer */