/**
 * @fileOverview brand-styles.css template. Fill in the appropriate fields, normally denoted with angle brackets <foo>
 * @author Kyle Brown (kbrown@iwin.com)
 * @definitions
 *      "<brand-type>" - The type of brand, either 'membership' or 'site. Currently only used within comments for clarity.
 *          e.g., "site-brand", or "membership-brand".
 *      "<theme>" - The theme/takeover name. e.g., "jq-5", "clubiwin", "clockworkman2"
 *      "<color>" - A CSS color, specifically designed for the theme. e.g., "#FFFFFF"
 *      "<background-image>" - The background image used for the theme. e.g., usually either 'bg-center.jpg' or 'bg-repeat.jpg', depending on design.
 * @ref s-img.iwin.com/images/<brand-type>-brand/default/styles/
 * @ref img.iwin.com/images/<brand-type>-brand/default/styles/
 * @ref cimg.iwin.com/images/<brand-type>-brand/default/styles/
 * @assets /images/<brand-type>-brand/<theme>/
 * 
 * @title <brand-type>-brand for <theme>
 */

 /* body of the page */
 body {
    /* background color, should match main color of the background image 
     * if no background color, use:
     *      background-color: transparent; 
     * or comment it out.
     */ 
    background-color: #0a1207;
    
    /* background image, should reference a specific theme using relative pathing, relative to site-brand/default/styles/ 
     *
     * if no background image, use:
     *      background-image: none;
     */
    background-image: url(../../VacationAdventuresParkRanger7/images/bg-center.jpg);
    
    /**
     * for background images that are non-repeating (includes H takeovers) use the following:
     *      background-position: center top;
     *      background-repeat: no-repeat;
     *
     * otherwise if repeating use the following instead (use x, or y, depending on design):
     *      background-repeat: repeat-x;
     */
    background-position: center top;
    background-repeat: no-repeat;
}

/* Promotional Block, otherwise known as the "H" takeover. This is a horizontal block below the header used for marketing/advertisements/promotions.
 * This CSS file controls *if* it is to be shown.
 */
#promotionalBlock {
    /**
     * for "H" takeovers that do not account for the horizontal bar, you may wish to add your own background image to the bar. 
     * If so, specify the background image as so (note, dimensions are width: 970px, height: 100px):
     *      background-image:url(../../<theme>/h-banner-970x100.jpg);
     */
    
    /** 
     * To hide the "H" takeover: display: none!important;
     * To show the "H" takeover: display: block!important;
     */
    display: block!important;

}

/* Promotional Block's Flash Banner element.
 * This CSS file controls *if* a flash banner is to be included in the XHTML source and shown.
 */
#promotionalBlock .flashBanner  {
   
    /** 
     * To not use a flash banner: display: none!important;
     * To *use* a flash banner: display: block!important;
     */
    display: block!important;
}