﻿body 
{
    text-align: center;
    font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
    font-size: 12px;
    color: #333333;
    margin: 0;
    padding: 0;
}

img 
{
    border: 0;
}

p 
{
    line-height: 18px;
}

p.small 
{
    font-size: 11px;
}

p.text-11pt 
{
    font-size:11px;
}


/*********************************
*    GLOBAL                      *
*********************************/

.clear 
{
    clear: both;
}

p.intro 
{
    margin-bottom: 20px;
}

a 
{
    color: #000000;
}

div.page-divider
{
    /*width: 1070px;*/
    width: 100%;
    height: 10px;
    background-image:url(/images/template/footer-border.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    margin: 0 auto 10px auto;
    clear: both;
}

div.flash-divider
{
    /*width: 1070px;*/
    width: 100%;
    height: 10px;
    background-image:url(/images/headers/misc/page-header-bottom-line.png);
    background-position:center top;
    background-repeat:no-repeat;
    margin: -10px auto 0 auto;
    clear: both;
    position: relative;
    top: -20px;
}

.new-window-warning,
.image-url
{
	display: none;
}

body .ada-message,
#main-content .ada-message,
#page-wrapper .ada-message
{
	display: none;
}

/*********************************
*    PAGE WRAPPER                *
*********************************/

#page-wrapper 
{
    /*width: 1097px;*/
    width: 100%;
    min-width: 973px;
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 5px 0 0 0;
    position: relative;
    /*left: 14px;*/
    background-color: #FFFFFF;
}



/*********************************
*    COLORS                      *
*********************************/

/* PAGE HEADERS */

#filter-page-header.lightgray div.fill,
#filter-page-header.sizetype div.fill,
#regular-page-header.lightgray,
#regular-page-header.sizetype
{
    /*background-color: #b0b0b0;*/
    background-image: url(/images/headers/backgroundcolors/lightgray.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#filter-page-header.green div.fill,
#filter-page-header.littlekids div.fill,
#regular-page-header.green,
#regular-page-header.littlekids
{
    /*background-color: #90ca65;*/
    background-image: url(/images/headers/backgroundcolors/green.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#filter-page-header.lightgreen div.fill,
#filter-page-header.boys div.fill,
#regular-page-header.lightgreen,
#regular-page-header.boys
{
    /*background-color: #adc966;*/
    background-image: url(/images/headers/backgroundcolors/lightgreen.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#filter-page-header.purple div.fill,
#filter-page-header.women div.fill,
#regular-page-header.purple,
#regular-page-header.women
{
    /*background-color: #c0a7c0;*/
    background-image: url(/images/headers/backgroundcolors/purple.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#filter-page-header.powderblue div.fill,
#filter-page-header.girls div.fill,
#regular-page-header.powderblue,
#regular-page-header.girls
{
    /*background-color: #bdc4d7;*/
    background-image: url(/images/headers/backgroundcolors/powderblue.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#filter-page-header.brown div.fill,
#filter-page-header.men div.fill,
#regular-page-header.brown,
#regular-page-header.men 
{
    /*background-color: #d38f37;*/
    background-image: url(/images/headers/backgroundcolors/brown.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#filter-page-header.blue div.fill,
#filter-page-header.about div.fill,
#regular-page-header.blue,
#regular-page-header.about
{
    /*background-color: #9fc5bf;*/
    background-image: url(/images/headers/backgroundcolors/blue.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#page-wrapper.blue #regular-page-header,
#page-wrapper.about #regular-page-header
{
    /*background-color: #9fc5bf;*/
    background-image: url(/images/headers/backgroundcolors/blue.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#page-wrapper.celery #regular-page-header,
#page-wrapper.contact #regular-page-header,
#page-wrapper.searchresults #regular-page-header
{
    /*background-color: #bbd68e;*/
    background-image: url(/images/headers/backgroundcolors/celery.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#filter-page-header.yellow div.fill,
#filter-page-header.resources div.fill,
#regular-page-header.yellow,
#regular-page-header.resources
{
    /*background-color: #edd577;*/
    background-image: url(/images/headers/backgroundcolors/yellow.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#page-wrapper.yellow #regular-page-header,
#page-wrapper.resources #regular-page-header,
#page-wrapper.wallpaperbuilder #regular-page-header
{
    /*background-color: #edd577;*/
    background-image: url(/images/headers/backgroundcolors/yellow.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#page-wrapper.gray #regular-page-header,
#page-wrapper.support #regular-page-header
{
    /*background-color: #c4c29e;*/
    background-image: url(/images/headers/backgroundcolors/gray.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#page-wrapper.privacy #regular-page-header
{
    /*background-color: #bbd68e;*/
    background-image: url(/images/headers/backgroundcolors/celery.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

/* SECTION OVERLAYS */

#page-wrapper.resources #regular-page-header div.overlay div.inner-overlay,
#page-wrapper.wallpaperbuilder #regular-page-header div.overlay div.inner-overlay
{
    background-image: url(/images/headers/overlays/bike-texture-resources.png);
}

#page-wrapper.about #regular-page-header div.overlay div.inner-overlay
{
    background-image: url(/images/headers/overlays/bike-texture-about.png);
}

#page-wrapper.contact #regular-page-header div.overlay div.inner-overlay,
#page-wrapper.searchresults #regular-page-header div.overlay div.inner-overlay
{
    background-image: url(/images/headers/overlays/bike-texture-contact.png);
}

#page-wrapper.support #regular-page-header div.overlay div.inner-overlay
{
    background-image: url(/images/headers/overlays/bike-texture-support.png);
}

#page-wrapper.privacy #regular-page-header div.overlay div.inner-overlay
{
    background-image: url(/images/headers/overlays/bike-texture-contact.png);
}

/* FILTER PAGE HEADER SUBTITLES */

#filter-page-header.green div.subtitle,
#filter-page-header.littlekids div.subtitle,
#regular-page-header.green div.subtitle,
#regular-page-header.littlekids div.subtitle
{
    background-image: url(/images/headers/subtitle/subtitle-background-green.png);
}

#filter-page-header.green div.subtitle div.subtitle-cap,
#filter-page-header.littlekids div.subtitle div.subtitle-cap,
#regular-page-header.green div.subtitle div.subtitle-cap,
#regular-page-header.littlekids div.subtitle div.subtitle-cap
{
   background-image: url(/images/headers/subtitle/subtitle-background-green-cap.png); 
}


#filter-page-header.lightgreen div.subtitle,
#filter-page-header.boys div.subtitle,
#regular-page-header.lightgreen div.subtitle,
#regular-page-header.boys div.subtitle
{
    background-image: url(/images/headers/subtitle/subtitle-background-lightgreen.png);
}

#filter-page-header.lightgreen div.subtitle div.subtitle-cap,
#filter-page-header.boys div.subtitle div.subtitle-cap,
#regular-page-header.lightgreen div.subtitle div.subtitle-cap,
#regular-page-header.boys div.subtitle div.subtitle-cap
{
    background-image: url(/images/headers/subtitle/subtitle-background-lightgreen-cap.png);
}

#filter-page-header.purple div.subtitle,
#filter-page-header.women div.subtitle,
#regular-page-header.purple div.subtitle,
#regular-page-header.women div.subtitle
{
    background-image: url(/images/headers/subtitle/subtitle-background-purple.png);
}

#filter-page-header.purple div.subtitle div.subtitle-cap,
#filter-page-header.women div.subtitle div.subtitle-cap,
#regular-page-header.purple div.subtitle div.subtitle-cap,
#regular-page-header.women div.subtitle div.subtitle-cap
{
    background-image: url(/images/headers/subtitle/subtitle-background-purple-cap.png);
}

#filter-page-header.powderblue div.subtitle,
#filter-page-header.girls div.subtitle,
#regular-page-header.powderblue div.subtitle,
#regular-page-header.girls div.subtitle
{
    background-image: url(/images/headers/subtitle/subtitle-background-powderblue.png);
}

#filter-page-header.powderblue div.subtitle div.subtitle-cap,
#filter-page-header.girls div.subtitle div.subtitle-cap,
#regular-page-header.powderblue div.subtitle div.subtitle-cap,
#regular-page-header.girls div.subtitle div.subtitle-cap
{
    background-image: url(/images/headers/subtitle/subtitle-background-powderblue-cap.png);
}

#filter-page-header.brown div.subtitle,
#filter-page-header.men div.subtitle,
#regular-page-header.brown div.subtitle,
#regular-page-header.men div.subtitle 
{
    background-image: url(/images/headers/subtitle/subtitle-background-brown.png);
}

#filter-page-header.brown div.subtitle div.subtitle-cap,
#filter-page-header.men div.subtitle div.subtitle-cap,
#regular-page-header.brown div.subtitle div.subtitle-cap,
#regular-page-header.men div.subtitle div.subtitle-cap 
{
    background-image: url(/images/headers/subtitle/subtitle-background-brown-cap.png);
}

#filter-page-header.yellow div.subtitle,
#filter-page-header.resources div.subtitle,
#regular-page-header.yellow div.subtitle,
#regular-page-header.resources div.subtitle,
#page-wrapper.yellow #regular-page-header div.subtitle,
#page-wrapper.resources #regular-page-header div.subtitle
{
    background-image: url(/images/headers/subtitle/subtitle-background-yellow.png);
}

#filter-page-header.yellow div.subtitle div.subtitle-cap,
#filter-page-header.resources div.subtitle div.subtitle-cap,
#regular-page-header.yellow div.subtitle div.subtitle-cap,
#regular-page-header.resources div.subtitle div.subtitle-cap,
#page-wrapper.yellow #regular-page-header div.subtitle div.subtitle-cap,
#page-wrapper.resources #regular-page-header div.subtitle div.subtitle-cap
{
    background-image: url(/images/headers/subtitle/subtitle-background-yellow-cap.png);
}

#filter-page-header.blue div.subtitle,
#filter-page-header.about div.subtitle,
#regular-page-header.blue div.subtitle,
#regular-page-header.about div.subtitle,
#page-wrapper.blue #regular-page-header div.subtitle,
#page-wrapper.about #regular-page-header div.subtitle
{
    background-image: url(/images/headers/subtitle/subtitle-background-blue.png);
}

#filter-page-header.blue div.subtitle div.subtitle-cap,
#filter-page-header.about div.subtitle div.subtitle-cap,
#regular-page-header.blue div.subtitle div.subtitle-cap,
#regular-page-header.about div.subtitle div.subtitle-cap,
#page-wrapper.blue #regular-page-header div.subtitle div.subtitle-cap,
#page-wrapper.about #regular-page-header div.subtitle div.subtitle-cap
{
    background-image: url(/images/headers/subtitle/subtitle-background-blue-cap.png);
}

#filter-page-header.gray div.subtitle,
#filter-page-header.support div.subtitle,
#regular-page-header.gray div.subtitle,
#regular-page-header.support div.subtitle,
#page-wrapper.gray #regular-page-header div.subtitle,
#page-wrapper.support #regular-page-header div.subtitle
{
    background-image: url(/images/headers/subtitle/subtitle-background-gray.png);
}

#filter-page-header.gray div.subtitle div.subtitle-cap,
#filter-page-header.support div.subtitle div.subtitle-cap,
#regular-page-header.gray div.subtitle div.subtitle-cap,
#regular-page-header.support div.subtitle div.subtitle-cap,
#page-wrapper.gray #regular-page-header div.subtitle div.subtitle-cap,
#page-wrapper.support #regular-page-header div.subtitle div.subtitle-cap 
{
    background-image: url(/images/headers/subtitle/subtitle-background-gray-cap.png);
}

/* FULL PAGE BACKGROUNDS */

#full-page.boys div.fill,
#full-page.lightgreen div.fill
{
    /*background-color: #adc966;*/
    background-image: url(/images/headers/backgroundcolors/lightgreen.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#full-page.girls div.fill,
#full-page.powderblue div.fill
{
    /*background-color: #bdc4d7;*/
    background-image: url(/images/headers/backgroundcolors/powderblue.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#full-page.littlekids div.fill,
#full-page.littleboys div.fill,
#full-page.littlegirls div.fill,
#full-page.green div.fill
{
    /*background-color: #90ca65;*/
    background-image: url(/images/headers/backgroundcolors/green.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#full-page.men div.fill,
#full-page.brown div.fill
{
    /*background-color: #d38f37;*/
    background-image: url(/images/headers/backgroundcolors/brown.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#full-page.women div.fill,
#full-page.purple div.fill
{
    /*background-color: #c0a7c0;*/
    background-image: url(/images/headers/backgroundcolors/purple.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#full-page.resources div.fill,
#full-page.yellow div.fill
{
    /*background-color: #edd577;*/
    background-image: url(/images/headers/backgroundcolors/yellow.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#full-page.support div.fill,
#full-page.gray div.fill
{
    /*background-color: #c5c39f;*/
    background-image: url(/images/headers/backgroundcolors/gray.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#full-page.about div.fill,
#full-page.blue div.fill
{
    /*background-color: #9fc5bf;*/
    background-image: url(/images/headers/backgroundcolors/blue.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#full-page.characters div.fill,
#full-page.characterblue div.fill
{
    /*background-color: #98dfee;*/
    background-image: url(/images/headers/backgroundcolors/characterblue.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#full-page.characters_disney div.fill
{
    /*background-color: #98dfee;*/
    background-image: url(/images/characters/landing/disney_fill.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#full-page.characters_nickelodeon div.fill
{
    /*background-color: #98dfee;*/
    background-image: url(/images/characters/landing/nickelodeon_fill.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#full-page.characters_disney div.full-page-header,
#full-page.characters_nickelodeon div.full-page-header
{
    background-image: none;
}


/* FULL PAGE HEADERS */

#full-page.lightgreen div.full-page-header,
#full-page.boys div.full-page-header
{
    background-image: url(/images/headers/interiorheaders/lightgreen-header.png);
}

#full-page.powderblue div.full-page-header,
#full-page.girls div.full-page-header 
{
    background-image: url(/images/headers/interiorheaders/powderblue-header.png);
}

#full-page.green div.full-page-header,
#full-page.littlekids div.full-page-header,
#full-page.littleboys div.full-page-header,
#full-page.littlegirls div.full-page-header 
{
    background-image: url(/images/headers/interiorheaders/green-header.png);
}

#full-page.brown div.full-page-header,
#full-page.men div.full-page-header 
{
    background-image: url(/images/headers/interiorheaders/brown-header.png);
}

#full-page.purple div.full-page-header,
#full-page.women div.full-page-header 
{
    background-image: url(/images/headers/interiorheaders/purple-header.png);
}

#full-page.resources div.full-page-header,
#full-page.yellow div.full-page-header 
 {
    background-image: url(/images/headers/interiorheaders/yellow-header.png);
 }
 
#full-page.support div.full-page-header,
#full-page.gray div.full-page-header 
 {
    background-image: url(/images/headers/interiorheaders/gray-header.png);
 }
 
#full-page.characters div.full-page-header,
#full-page.characterblue div.full-page-header 
 {
    background-image: url(/images/headers/interiorheaders/characterblue-header.png);
 }
 
 #full-page.about div.full-page-header,
#full-page.blue div.full-page-header 
 {
    background-image: url(/images/headers/interiorheaders/blue-header.png);
 }
 
 /* FULL PAGE CALLOUT BUTTONS */
 
#full-page.green div.site-section-callouts div.callout div.text-box div.button,
#full-page.green div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button,
#full-page.littlekids div.site-section-callouts div.callout div.text-box div.button,
#full-page.littleboys div.site-section-callouts div.callout div.text-box div.button,
#full-page.littlegirls div.site-section-callouts div.callout div.text-box div.button
{
    background-image: url(/images/buttons/category/button-background-green.png);
}

#full-page.green div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.green div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap,
#full-page.littlekids div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.littleboys div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.littlegirls div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.littlekids div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap,
#full-page.littleboys div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap,
#full-page.littlegirls div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap
{
   background-image: url(/images/buttons/category/button-background-green-cap.png); 
}

#full-page.lightgreen div.site-section-callouts div.callout div.text-box div.button,
#full-page.boys div.site-section-callouts div.callout div.text-box div.button,
#full-page.lightgreen div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button,
#full-page.boys div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button
{
    background-image: url(/images/buttons/category/button-background-lightgreen.png);
}

#full-page.lightgreen div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.boys div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.lightgreen div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap,
#full-page.boys div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap
{
    background-image: url(/images/buttons/category/button-background-lightgreen-cap.png);
}

#full-page.purple div.site-section-callouts div.callout div.text-box div.button,
#full-page.women div.site-section-callouts div.callout div.text-box div.button,
#full-page.purple div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button,
#full-page.women div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button
{
    background-image: url(/images/buttons/category/button-background-purple.png);
}

#full-page.purple div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.women div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.purple div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap,
#full-page.women div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap
{
    background-image: url(/images/buttons/category/button-background-purple-cap.png);
}

#full-page.powderblue div.site-section-callouts div.callout div.text-box div.button,
#full-page.girls div.site-section-callouts div.callout div.text-box div.button,
#full-page.powderblue div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button,
#full-page.girls div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button
{
    background-image: url(/images/buttons/category/button-background-powderblue.png);
}

#full-page.powderblue div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.girls div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.powderblue div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap,
#full-page.girls div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap
{
    background-image: url(/images/buttons/category/button-background-powderblue-cap.png);
}

#full-page.brown div.site-section-callouts div.callout div.text-box div.button,
#full-page.men div.site-section-callouts div.callout div.text-box div.button,
#full-page.brown div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button,
#full-page.men div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button 
{
    background-image: url(/images/buttons/category/button-background-brown.png);
}

#full-page.brown div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.men div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.brown div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap,
#full-page.men div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap
{
    background-image: url(/images/buttons/category/button-background-brown-cap.png);
}

#full-page.brown div.site-section-callouts div.callout div.text-box div.button a,
#full-page.men div.site-section-callouts div.callout div.text-box div.button a,
#full-page.brown div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button a,
#full-page.men div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button a,
#full-page.purple div.site-section-callouts div.callout div.text-box div.button a,
#full-page.women div.site-section-callouts div.callout div.text-box div.button a,
#full-page.purple div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button a,
#full-page.women div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button a

{
    color: #FFFFFF;
}

#full-page.brown div.site-section-callouts div.callout div.text-box div.button a:hover,
#full-page.men div.site-section-callouts div.callout div.text-box div.button a:hover,
#full-page.brown div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button a:hover,
#full-page.men div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button a:hover,
#full-page.purple div.site-section-callouts div.callout div.text-box div.button a:hover,
#full-page.women div.site-section-callouts div.callout div.text-box div.button a:hover,
#full-page.purple div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button a:hover,
#full-page.women div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button a:hover
{
    color:#e1f884;
}


#full-page.resources div.site-section-callouts div.callout div.text-box div.button,
#full-page.yellow div.site-section-callouts div.callout div.text-box div.button,
#full-page.resources div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button,
#full-page.yellow div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button 
{
    background-image: url(/images/buttons/category/button-background-yellow.png);
}

#full-page.resources div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.yellow div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.resources div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap,
#full-page.yellow div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap 
{
    background-image: url(/images/buttons/category/button-background-yellow-cap.png);
}

#full-page.support div.site-section-callouts div.callout div.text-box div.button,
#full-page.gray div.site-section-callouts div.callout div.text-box div.button,
#full-page.support div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button,
#full-page.gray div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button 
{
    background-image: url(/images/buttons/category/button-background-gray.png);
}

#full-page.support div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.gray div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.support div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap,
#full-page.gray div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap 
{
    background-image: url(/images/buttons/category/button-background-gray-cap.png);
}

#full-page.characterblue div.site-section-callouts div.callout div.text-box div.button,
#full-page.characters div.site-section-callouts div.callout div.text-box div.button,
#full-page.characterblue div.site-section-callouts-table div.character-callout div.button,
#full-page.characters div.site-section-callouts-table div.character-callout div.button,
#full-page.characterblue div.site-section-callouts-product div.product-landing-callout div.button,
#full-page.characters div.site-section-callouts-product div.product-landing-callout div.button,
#full-page.characterblue div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button,
#full-page.characters div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button
{
    background-image: url(/images/buttons/category/button-background-characterblue.png);
}

#full-page.characterblue div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.characters div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.characterblue div.site-section-callouts-table div.character-callout div.button div.button-cap,
#full-page.characters div.site-section-callouts-table div.character-callout div.button div.button-cap,
#full-page.characterblue div.site-section-callouts-product div.product-landing-callout div.button div.button-cap,
#full-page.characters div.site-section-callouts-product div.product-landing-callout div.button div.button-cap,
#full-page.characterblue div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap,
#full-page.characters div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap 
{
    background-image: url(/images/buttons/category/button-background-characterblue-cap.png);
}

#full-page.about div.site-section-callouts div.callout div.text-box div.button,
#full-page.blue div.site-section-callouts div.callout div.text-box div.button,
#full-page.about div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button,
#full-page.blue div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button 
{
    background-image: url(/images/buttons/category/button-background-blue.png);
}

#full-page.about div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.blue div.site-section-callouts div.callout div.text-box div.button div.button-cap,
#full-page.about div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap,
#full-page.blue div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap 
{
    background-image: url(/images/buttons/category/button-background-blue-cap.png);
}



 
#page-wrapper.resources #main-content,
#page-wrapper.about #main-content,
#page-wrapper.contact #main-content,
#page-wrapper.support #main-content
{
    /*background-color: #FFFFFF;*/
}

/*********************************
*    BREADCRUMBS                 *
*********************************/

#breadcrumbs-wrapper 
{
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 6px;
}

#breadcrumbs 
{
    width: 973px;
    margin: 0 auto;
}

#page-wrapper.home #breadcrumbs 
{
    visibility: hidden;
}

#breadcrumbs ul 
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#breadcrumbs ul li 
{
    display: inline;
    float: left;
    margin-right: 7px;
}

#breadcrumbs ul li a 
{
    font-size: 11px;
    text-decoration: underline;
    color: #000000;
    display: block;
    padding-left: 15px;
    float: left;
    background-image: url(/images/template/breadcrumb-bullet.gif);
    background-repeat: no-repeat;
    background-position: left 8px;
}

#breadcrumbs ul li.first a 
{
    padding-left: 0;
    background-image: none;
}

#breadcrumbs ul li a:hover 
{
    text-decoration: underline;
}

#breadcrumbs a:hover 
{
  background-color: #ccff33;   
}


/*********************************
*    ADD THIS BUTTON             *
*********************************/
#addthis-wrapper 
{
    float:right;
    position:relative;
    top:0;
    right:0;
    z-index:999999;
}

a.addthis_button 
{
}


/*********************************
*    NAVIGATION                  *
*********************************/

#navigation-wrapper 
{
    width: 100%;
    background-image: url(/images/template/main-nav-background.gif);
    background-repeat: no-repeat;
    background-position: center top; 
    float: left;
    clear: both;   
}

#navigation 
{
    width: 876px;
    height: 51px;
    background-image: url(/images/template/main-nav-background.gif);
    background-repeat: no-repeat;
    background-position: -62px top;
    padding-left: 97px;
    margin: 0 auto;
    position: relative;
    z-index: 99999;
}

#main-nav, #main-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#main-nav li {
	float: left;
}

#main-nav li a {
	display: block;
	background-image: url(/images/template/main_nav.gif);
	background-repeat: no-repeat;
	text-indent: -999em;
}

#main-nav li div.submenu ul li 
{
    float: left;
    clear: both;
}

#main-nav li div.submenu ul li a 
{
    background-image: none;
    text-indent: 0;
}

#main-nav li div.submenu {
	position: absolute;
	left: -999em;
	background-color: #FFFFFF;
	background-image: url(/images/template/submenu-bottom-border.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#main-nav li:hover div.submenu {
	left: auto;
}

#main-nav li:hover div.submenu, #main-nav li.sfhover div.submenu {
	left: auto;
}

#main-nav li#products a
{
    width: 119px;
    height: 51px;
    background-position: -159px top;
}

#main-nav li#resources a
{
    width: 168px;
    height: 51px;
    background-position: -278px top;
}

#main-nav li#support a
{
    width: 117px;
    height: 51px;
    background-position: -447px top;
}

#main-nav li#about a
{
    width: 121px;
    height: 51px;
    background-position: -564px top;
}

#main-nav li#contact a
{
    width: 139px;
    height: 51px;
    background-position: -683px top;
}

#page-wrapper.products #main-nav li#products a
{
    background-position: -159px -57px;
}

#page-wrapper.resources #main-nav li#resources a,
#page-wrapper.resources-selected #main-nav li#resources a
{
    background-position: -278px -57px;
}

#page-wrapper.support #main-nav li#support a,
#page-wrapper.support-selected #main-nav li#support a
{
    background-position: -447px -57px;
}

#page-wrapper.about #main-nav li#about a,
#page-wrapper.about-selected #main-nav li#about a
{
    background-position: -564px -57px;
}

#page-wrapper.contact #main-nav li#contact a
{
    background-position: -683px -57px;
}

#page-wrapper #main-nav li#products:hover a, #page-wrapper #main-nav li#products.sfhover a
{
    background-position: -159px -114px;
}

#page-wrapper #main-nav li#resources:hover a, #page-wrapper #main-nav li#resources.sfhover a
{
    background-position: -278px -114px;
}

#page-wrapper #main-nav li#support:hover a, #page-wrapper #main-nav li#support.sfhover a
{
    background-position: -447px -114px;
}

#page-wrapper #main-nav li#about:hover a, #page-wrapper #main-nav li#about.sfhover a
{
    background-position: -564px -114px;
}

#page-wrapper #main-nav li#contact:hover a, #page-wrapper #main-nav li#contact.sfhover a
{
    background-position: -683px -57px;
}

/*********************************
*    NAVIGATION SUBMENUS         *
*********************************/

div.submenu 
{
    padding: 0 0 34px 23px;
}

#main-nav div.submenu ul 
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.submenu div.column 
{
    float: left;
    margin-right: 22px;
}

div.submenu ul li.header 
{
    margin-top: 8px;
    padding-top: 3px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color:#000000;
}

div.submenu ul li a 
{
    display: block;
    padding: 3px;
    text-decoration: none;
    font-size: 11px;
    text-transform: none;
    color: #666666;
    float: left;
    clear: both;
}

div.submenu ul li a:hover 
{
    background-color: #ccff33;
}

div.submenu ul li.header a 
{
    font-size: 12px;
    padding: 0 3px 3px 3px;
    text-transform: uppercase;
    font-weight: bold;
    color:#000000;
}

#main-nav li#resources div.submenu 
{
    padding: 0 0 34px 15px;
}

#main-nav li#about div.submenu 
{
    padding: 0 0 34px 9px;
}

#main-nav li#products div.submenu a,
#main-nav li#resources div.submenu a,
#main-nav li#support div.submenu a,
#main-nav li#about div.submenu a,
#main-nav li#contact div.submenu a
{
    width: auto;
    height: auto;
}  

/*********************************
*    SEARCH BOX                  *
*********************************/ 

#search-box 
{
    position: absolute;
    right: 0;
    top: 12px;
    height: 29px;
    width: 173px;
    padding-left: 8px;
    z-index: 99999;
    background-color: #FFFFFF;
}

#search-box input.search-field 
{
    position: relative;
    top: -10px;
    border: 0;
    font-family: Trebuchet MS, Arial;
    font-size: 12px;
    width: 139px;
}

#search-box label 
{
	display: none;
}

#search-box input.search-button 
{
    position: relative;
    top: 0;   
}

/*********************************
*    HEADER                      *
*********************************/
#skip-navigation-link 
{
	display: none;
}

#header-wrapper 
{
    width: 100%;
    float: left;
    clear: both;
    text-align: center;
}

#header 
{
    /*width: 1097px;*/
    /*width: 973px;*/
    width: 100%;
    text-align: left;
    position: relative;
    z-index: 999999;
    margin: 0 auto;
    float: left;
    clear: both;
}

#filter-page-header
{
    /*width: 1070px;*/
    width: 100%;
    position: relative;
    text-align: left;
    height: 173px;
    position: relative;
    float: left;
    clear: both;
    /*margin-bottom: 58px;*/
}

#filter-page-header div.fill 
{
    /*width: 1070px;*/
    width: 100%;
    position: relative;
    float: left;
    clear: both;
}

#regular-page-header
{
    /*width: 1070px;*/
    width: 100%;
    position: relative;
    /*left: 14px;*/
    text-align: center;
    height: 173px;
    top: 0;
    float: left;
    clear: both;
    z-index: 10;
}

h3, h4
{
	margin: 0 0 10px;
}

h3.page-title 
{
    font-size: 60px;
    margin: 0;
    color: #000000;
    line-height: 60px;
}

h3.page-title-image
{
    margin: 0;
    display: block;
    text-indent: -999em;
}

h3.interior-header 
{
    font-size: 78px;
    margin: 0;
    color: #FFFFFF;
}

h3.single-column-interior-header 
{
    font-size: 32px;
    margin: 0;
    color: #e1f844;
}

h3.single-column-interior-header-dark
{
    font-size: 32px;
    margin: 0;
    color: #000000;
}

h3.single-column-interior-header-image 
{
    display: block;
    text-indent: -999em;
    position: relative;
    left: -36px;
    top: 10px;
    margin: 0;
}

h4.page-subtitle 
{
    font-size: 24px;
    margin: 0;
    color: #FFFFFF;
}

h3.product-title 
{
    /*width: 430px;*/
    font-size: 40px;
    margin: 0;
    color: #000000;
}

h4.cholla 
{
    font-size: 20px;
    margin: 0;
    color: #e1f844;
}

h3.cholla 
{
    font-size: 20px;
    margin: 0;
    color: #e1f844;
}

.content-columns h4 
{
	font-size: 14px;
}

h4.callout-image-header 
{
    display: block;
    text-indent: -999em;
    position: relative;
    top: -2px;
    margin: 0;
}

h5 
{
    font-size:14px;
    margin:30px 0 -10px 0;
}

h6 
{
    font-size:14px;
    margin:0 0 -10px 0;
}

h5 i 
{
    font-size:14px;
    margin:0;
    color:#333333;
    font-weight:normal;
}


#filter-page-header div.overlay,
#regular-page-header div.overlay
{
    /*width: 1070px;*/
    width: 100%;
    text-align: center;
    height: 173px;
    float:left;
    clear: both;
    background-image: url(/images/headers/overlays/header-overlay.png);
    background-repeat: no-repeat;
    background-position: center top;
}

#filter-page-header div.overlay div.inner-overlay,
#regular-page-header div.overlay div.inner-overlay
{
    /*width: 1070px;*/
    width: 100%;
    height: 173px;
    float:left;
    clear: both;
    text-align: center;
    background-image: url(/images/headers/overlays/header-overlay.png);
    background-repeat: no-repeat;
    background-position: center top;
}

#filter-page-header div.overlay div.header-inner-wrapper,
#regular-page-header div.overlay div.header-inner-wrapper
{
    /*width: 1070px;*/
    width: 973px;
    height: 173px;
    text-align: left;
    margin: 0 auto;
    position: relative;
}

#filter-page-header div.divider,
#regular-page-header div.divider
{
    /*width: 1070px;*/
    float: left;
    clear: both;
    width: 100%;
    height: 10px;
    background-image: url(/images/headers/misc/page-header-bottom-line.png);
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    top: -5px;
    left: 0;
}

#filter-page-header div.logo,
#regular-page-header div.logo
{
    position: absolute;
    /*left: 65px;*/
    left: 0;
    top: 25px;
}

#filter-page-header div.logo a,
#regular-page-header div.logo a
{
    display: block;
    width: 99px;
    height: 109px;
    background-image: url(/images/logos/category-logo.png);
    background-repeat: no-repeat;
    text-indent: -999em;
    overflow: hidden;
}

#filter-page-header div.title
{
    position: absolute;
    left: 124px;
    /*left: 159px;*/
    top: 42px;
}

#regular-page-header div.title 
{
    position: absolute;
    left: 100px;
    /*left: 169px;*/
    top: 49px;
}

#regular-page-header.image div.title 
{
    position: absolute;
    /*left: 169px;*/
    left: 124px;
    top: 20px;
}

#filter-page-header div.subtitle-wrapper
{
    position: absolute;
    left: 117px;
    /*left: 162px;*/
    top: 95px;   
}

#regular-page-header div.subtitle-wrapper 
{
    position: absolute;
    left: 117px;
    top: 101px;   
}

#filter-page-header div.subtitle,
#regular-page-header div.subtitle 
{
    background-image: url(/images/headers/subtitle-background.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 39px;
    padding-left: 36px;
    padding-top: 6px;
    float: left;
}

#filter-page-header div.subtitle h4,
#regular-page-header div.subtitle h4 
{
    float: left;
}

#filter-page-header div.subtitle div.subtitle-cap,
#regular-page-header div.subtitle div.subtitle-cap 
{
    float: left;
    width: 17px;
    height: 39px;
    background-image: url(/images/headers/subtitle-background-cap.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    left: 17px;
    top: -6px;
}


/*********************************
*    PAGE HEADER IMAGES          *
*********************************/

#regular-page-header div.floating-far-left-image 
{
    position: absolute;
    top: 56px;
    left:383px;
    z-index:8;
}

#regular-page-header div.floating-middle-left-image 
{
    position: absolute;
    top: 59px;
    left:520px;
    z-index:8;
}

#regular-page-header div.floating-upper-image 
{
    position: absolute;
    top: 17px;
    left: 645px;
    z-index: 99;
}

#regular-page-header div.floating-upper-image.right
{
    position: absolute;
    top: 34px;
    left: 653px;
    z-index: 99;
}

#regular-page-header div.floating-right-image 
{
    position: absolute;
    top: 57px;
    left: 860px;
    z-index: 8;
}

/********** END ************/

#filter-page-header div.floating-far-left-image 
{
    position: absolute;
    top: 61px;
    left:362px;
    z-index:8;
}

#filter-page-header div.floating-middle-left-image 
{
    position: absolute;
    top: 59px;
    left:459px;
    z-index:8;
}

#filter-page-header div.floating-upper-image 
{
    position: absolute;
    top: 17px;
    left: 579px;
    z-index: 99;
}

#filter-page-header div.floating-upper-image.right
{
    position: absolute;
    top: 34px;
    left: 655px;
    z-index: 99;
}

#filter-page-header div.floating-right-image 
{
    position: absolute;
    top: 57px;
    left: 788px;
    z-index: 8;
}

/*********************************
*    MAIN CONTENT                *
*********************************/ 

#main-content-wrapper 
{
    float: left;
    clear: both;
    width: 100%;
    z-index: 5;
}

#main-content 
{
    /*float: left;
    clear: both;*/
    width: 973px;
    margin: 0 auto;
    text-align: left;
    /*padding-left: 55px;
    padding-right: 55px;*/
    position: relative;
    /*left: 14px;*/
}

#page-wrapper.home #main-content 
{
    display: none;
}

#main-content a 
{
    color: #000000;
}

#main-content a:hover 
{
    background-color: #ccff33;
}

#above-main-wrapper 
{
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    float: left;
    clear: both;
}

/*********************************
*    PAGE SUBHEADERS             *
*********************************/

div.page-subheader 
{
    background-color: #FFFFFF;
    background-image: url(/images/headers/subheaders/subheader-background.png);
    background-repeat: repeat-x;
    height: 40px;
    padding: 5px 10px 0 10px;
    float: left;
    clear: both;
}

/*********************************
*    PRINTER FRIENDLY            *
*********************************/

div.printer-friendly 
{
    width: 972px;
    clear: both;
    text-align: right;
}

/*********************************
*    CONTENT COLUMNS             *
*********************************/

div.content-columns 
{
    width: 972px;  
    float: left;
    clear: both;  
}

div.content-columns div.column 
{
    float: left;
}

/*********************************
*    REGISTER BUTTON             *
*********************************/



/*********************************
*    FOOTER                      *
*********************************/

#footer-wrapper 
{
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    background-image: url(/images/template/footer-border.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 31px auto 0 auto;
}

#footer-wrapper.small-footer-margin 
{
    margin: 3px auto 0 auto;
}

#footer 
{
    /*float: left;*/
    clear: both;
    /*width: 1070px;*/
    width: 973px;
    text-align: center;
    margin: 0 auto;
    padding: 32px 0 32px 0;
    position: relative;
    /*left: 14px;*/
}

#page-wrapper.home #footer 
{
    margin: 0 auto 0 auto;   
}



#footer ul 
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#footer ul li 
{
    display: inline;
    font-size: 11px;
    color: #666666;
    padding: 0 0 0 10px;
    background-image: url(/images/template/footer-bullet.gif);
    background-repeat: no-repeat;
    background-position: left 6px;
    margin: 0 0 0 3px;
}

#footer ul li.copyright 
{
    background-image: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#footer p.copyright
{
    margin: 0 0 0 0;
}

#footer ul li a 
{
    color: #000000;
}

#footer ul li a:hover 
{
  background-color: #ccff33;   
}

/*********************************
*    PRODUCT FILTER PAGE         *
*********************************/

#product-filter-wrapper 
{
    background-image: url(/images/template/product-filter-background.png);
    background-repeat: no-repeat;
    background-position: center top;
    /*width: 897px;*/
    width: 100%;
    height: 58px;
    float: left;
    clear: both;
    position: relative;
    /*top: 167px;
    left: -11px;*/
    z-index: 9;
    top: -6px;
    margin-bottom: 14px;
}

#product-filter 
{
    
    width: 973px;
    height: 58px;
    /*float: left;*/
    clear: both;
    text-align: left;
    margin: 0 auto;
}

#product-filter-inner 
{
    position: relative;
    width: 841px;
    margin: 0 auto;
    padding: 17px 0 0 132px;
}

#product-filter select 
{
    font-size: 11px;
    font-family: Trebuchet MS, Arial, Sans-Serif;
}

#product-filter select.per-page 
{
    position: absolute;
    right: 10px;
}
    
#product-wrapper 
{
    width: 100%;
}

#product-wrapper div.pager-nav 
{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 6px;
}

#product-wrapper div.pager-nav div.wrapper
{
    float: right;
}

#product-wrapper div.pager-nav div.wrapper div 
{
    float: left;
}

#product-wrapper div.pager-nav div.wrapper div a 
{
    color: #000000;
    text-transform: uppercase;
}

#product-wrapper div.pager-nav div.wrapper div.current 
{
    margin: 0 12px 0 12px;
}

#product-wrapper div.pager-nav div.wrapper div.goto 
{
    margin: 0 0 0 20px;
    position: relative;
    top: -6px;
}

#product-wrapper div.pager-nav div.wrapper div.goto input.pager-text
{
    width: 23px;
    border-left: 2px solid #e0e0e0;
    border-top: 2px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 10px 0 0;
}

#product-wrapper div.pager-nav div.wrapper div.goto input.submit 
{
    
    position: relative;
    top: 4px;
}

#product-wrapper table.products 
{
    border-collapse: collapse;
    width: 973px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 14px 0;
    clear: both;
    text-align: center;
}

#product-wrapper table.products tr td 
{
    border-top: 1px solid #e5e5e5;
    width: 194px;
    padding: 21px 0 30px 0;
}

#product-wrapper div.product 
{
    /*float: left;
    width: 140px;
    margin-left: 59px;*/
    width: 100%;
}

#product-wrapper table.products div.name,
#product-wrapper table.products div.specs 
{
    width: 100%;
    text-align: center;
}

#product-wrapper table.products div.name a 
{
    font-size: 14px;
    color: #000000;
}

#product-wrapper table.products div.specs 
{
    font-size: 11px;
    color: #666666;
}

/*********************************
*    ABOUT PAGES                 *
*********************************/

div.content-columns 
{
    margin-top: 10px;
}

div.content-columns div.column-left 
{
    float: left;
    width: 681px;
    margin-right: 32px;
}

div.content-columns div.column-right
{
    float: left;
    text-align: right;
    width:259px;
}

/*********************************
*    PRODUCT DETAIL PAGE         *
*********************************/

#product-detail 
{
    float: left;
    clear: both;
    /*width: 1080px;*/
    width: 100%;
    text-align: left;
    position: relative;
    left: 8px;
    z-index: 888;
}

#product-detail div.detail 
{
    width: 973px;
    height: 562px;
    position: relative; 
    margin: 0 auto;
    clear: both; 
    background-repeat: no-repeat;
    background-position: center top;
}

div.detail div.logo 
{
    position: absolute;
    left: 0;
    top: 32px;
    z-index: 99;
}

div.detail div.logo a
{
    display: block;
    width: 99px;
    height: 109px;
    background-image: url(/images/logos/category-logo.png);
    background-repeat: no-repeat;
    text-indent: -999em;
    overflow: hidden;
    /*outline: 0;*/
}

div.detail div.title 
{
    position: absolute;
    left: 129px;
    top: 51px;
    z-index: 99;
}

div.detail div.product-subtitle 
{
    position: absolute;
    left: 129px;
    top: 101px;
    font-size: 14px;
    color: #8e8e8e;
    z-index: 99;
}

div.detail div.magnifier-example 
{
    width: 109px;
    text-align: center;
    position: absolute;
    left: 828px;
    /*top: 60px;*/
    top: 151px;
    z-index: 99;
    color: #5f5c5c;
}

div.detail div.magnifier-example p 
{
    margin: 0;
}

div.detail div.where-to-buy-wrapper
{
    width: 124px;
    height: 36px;
    position: absolute;
    left: 822px;
    top: 200px;
    z-index: 99;
}

div.detail div.where-to-buy 
{
    width: 124px;
    height: 36px;
    background-image: url(/images/buttons/productdetail/where-to-buy.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 8px 0 0 16px;
}

div.detail div.where-to-buy a 
{
    color: #e1f844;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}

div.detail #flash-wrapper 
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 973px;
    height: 562px;
}

div.detail #detailflash 
{
    width: 973px;
    height: 562px;
    position: relative;
    text-align: center;
}

#detailflash #detail-backup
{
    width: 973px;
    height: 562px;
    margin: 0 auto;
    position: relative;
    bottom: -70px;
    text-align: center;
}

#info-wrapper
{
    float: left;
    clear: both;
    width: 100%;
    padding: 18px 0 0 0;
    background-image: url(/images/pages/productdetail/bottom-line.gif);
    background-repeat: no-repeat;
    background-position: center top;
}

#info 
{
    margin: 0 auto;
    clear: both;
    width: 973px;
}

#info div.column 
{
    float: left;
}

#info div.column.info-left 
{
    width: 527px;   
}

#info div.column div.description p
{
    margin: 0;
}

h4.product-description-intro 
{
    font-size: 32px;
    color: #000000;
    margin: 0;
}

div.product-info 
{
    margin-top: 18px;
}

div.product-info div.tabs 
{
    float: left;
    width: 506px;
    clear: both;
    padding: 0 0 0 21px;
}

div.product-info div.tabs div.tab 
{
    float: left;
    margin-right: 5px;
}

div.product-info div.tabs div.tab a 
{
    display: block;
    width: 144px;
    height: 24px;
    background-color: #9b9b9b;  
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    padding-top: 6px;
    font-size: 14px;
    cursor: pointer;
}

div.product-info div.tabs div.tab.selected a,
div.product-info div.tabs div.tab a:hover
{
    display: block;
    width: 144px;
    height: 24px;
    background-color: #000000;  
    color: #e1f844;
    text-decoration: none;
    text-align: center;
    padding-top: 6px;
    font-size: 14px;
}

div.product-info div.divider 
{
    float: left;
    clear: both;
    width: 510px;
    height: 11px;
    background-image: url(/images/pages/productdetail/tab-border.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    top: -4px;
}

#product-info-content-wrapper 
{
    clear: both;
}

#product-info-content-wrapper table 
{
    width: 506px;
}

#product-info-content-wrapper table tr td 
{
    vertical-align: top;
}

#product-info-content-wrapper table tr td p 
{
    margin: 0 0 4px 0;
}

#product-info-content-wrapper table tr td ul 
{
    margin: 0;
    padding: 0;
}

#product-info-content-wrapper div.product-info-content 
{
    margin-top: 16px;
    float: left;
    clear: both;
    width: 527px;
}


#product-info-content-wrapper #specs-info 
{
    padding: 0 0 0 21px;
    width: 506px;
}

#specs-info table tr td.product-specs 
{
    width: 200px;
    padding-right: 10px;  
}

#product-info-content-wrapper #buy-info 
{
    margin-top: 0;
}

#info div.column.info-right 
{
    float: right;
    width: 435px;
}

#more-huffy-stuff 
{
    width: 435px;
    height: 218px;
    background-image: url(/images/pages/productdetail/more-huffy-stuff-background.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
}

#more-huffy-stuff div.more-title 
{
    position: absolute;
    top: 5px;
    left: 2px;
}

#more-huffy-stuff div.more-title h4 
{
    color: #e1f844;
    font-size: 18px;
}

#more-huffy-stuff div.other 
{
    width: 190px;
    height: 180px;
    text-align: center;
    float: left;
    position: relative;
    top: 61px;
    left: 25px;
} 

#more-huffy-stuff div.other.window-right 
{
    margin-left: 26px;
}

#more-huffy-stuff div.other div#left-back.back-active a,
#more-huffy-stuff div.other div#right-back.back-active a 
{
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/images/buttons/productdetail/back-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -999em;
    cursor: pointer;
}

#more-huffy-stuff div.other div#left-back.back-inactive a,
#more-huffy-stuff div.other div#right-back.back-inactive a 
{
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/images/buttons/productdetail/back-button-inactive.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -999em;
    cursor: pointer;
}

#more-huffy-stuff div.other div#left-forward.forward-enabled a,
#more-huffy-stuff div.other div#right-forward.forward-enabled a
{
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/images/buttons/productdetail/forward-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -999em;
    cursor: pointer;
}

#more-huffy-stuff div.other div#left-forward.forward-disabled a,
#more-huffy-stuff div.other div#right-forward.forward-disabled a
{
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/images/buttons/productdetail/forward-button-inactive.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -999em;
    cursor: pointer;
}

#more-huffy-stuff div.other div#left-back,
#more-huffy-stuff div.other div#right-back,
#more-huffy-stuff div.other div#left-forward,
#more-huffy-stuff div.other div#right-forward
{
    position: relative;
    top: 48px;
    visibility: hidden;
}

#more-huffy-stuff div.other div.caption 
{
    clear: both;
}

#more-huffy-stuff div.other p 
{
    margin: 0;
    font-weight: bold;
    color: #000000;
}

#more-huffy-stuff div.other div#left-back,
#more-huffy-stuff div.other div#right-back,
#more-huffy-stuff div.other div#left-forward,
#more-huffy-stuff div.other div#right-forward,
#more-huffy-stuff div.other div.window 
{
    float: left;
}


#more-huffy-stuff div.other div.window 
{
    width: 140px;
    height: 131px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

#more-huffy-stuff div.other div.window div.slider 
{
    width: 1000%;
    position: absolute;
    left: 0;
    top: -11px;
}

#more-huffy-stuff div.other div.window div.slider div.product 
{
    width: 140px;
    height: 140px;
    float: left;
}

#product-feature-wrapper 
{
    margin-top: 5px;
}

/********************************
*    FULL PAGES                 *
*********************************/

#full-page 
{
    float: left;
    clear: both;
    width: 100%;
    /*width: 1070px;*/
    position: relative;
    /*left: 14px;*/
    text-align: left;
    margin: 3px 0 0 0;
}

#full-page div.fill 
{
    float: left;
    clear: both;
    /*width: 1070px;*/
    width: 100%;
}

#full-page div.overlay 
{
    float: left;
    clear: both;
    background-image: url(/images/pages/page-background-overlay.png);
    background-repeat: no-repeat;
    background-position: center top;
    /*padding: 0 0 74px 0;*/
    width: 100%;
}

#full-page div.full-page-content 
{
    width: 973px;
    margin: 0 auto;
}

#full-page div.column
{
    float: left;
}

#full-page div.column.header 
{
    width: 100px;
    text-align: center;
    margin: 0 0 0 0;
}

#full-page div.column.content 
{
    width: 810px;
    margin: 0 0 0 49px;
}

#full-page div.page-header-vertical
{
    width: 100px;
    text-align: center;
    margin: 0 auto;
}
 
#full-page div.page-header-vertical div.logo
{
    width: 99px;
    margin: 33px auto 20px;
}

#full-page div.page-header-vertical div.logo a
{
    display: block;
    width: 99px;
    height: 109px;
    background-image: url(/images/logos/category-logo.png);
    background-repeat: no-repeat;
    text-indent: -999em;
    overflow: hidden;
    /*outline: 0;*/
}

#full-page div.page-header-vertical div.title-wrapper
{
    margin: 0 auto;
    position: relative;
    left: -7px;
} 

#full-page div.page-header-vertical div.title 
{
    
}   

/********************************
*    FULL PAGE HEADERS          *
*********************************/
 
 div.full-page-header-wrapper 
 {
    position: relative;
    width: 810px;
 }
 
 div.full-page-header 
 {
    width: 810px;
    height: 187px;
    background-image: url(/images/headers/interiorheaders/lightgreen-header.png);
    background-repeat: no-repeat;
    background-position: left top;
 }
 
 
 div.full-page-header div.title 
 {
    position: absolute;
    top: 56px;
    left: 44px;
    width: 766px;
    float: left;
 }
 
 div.full-page-header div.title div.multi-column-title-column
 {
    width: 265px;
    float: left;
    font-size: 29px;
    color: #FFFFFF;
    line-height: 29px;
 }
 
 div.full-page-header div.title div.multi-column-description-column
 {
    width: 427px;
    float: left;
    margin-left: 14px;
    margin-top: 22px;
    font-size: 14px;
    color: #000000;
    line-height: 18px;
 }
 
 div.full-page-header div.title div.single-column
 {
    width: 500px;
    float: left;
    font-size: 12px;
    color: #FFFFFF;
    margin-top: -6px;
 }
 
 div.full-page-header div.title div.single-column p
 {
    margin: -2px 0 0 0;
    line-height: 18px;
 }
 
 div.full-page-header div.register 
 {
    position: absolute;
    top: 56px;
    right: 56px;
 }
 
/********************************
*    FULL PAGE CALLOUTS         *
*********************************/
 
div.site-section-callouts 
{
    width: 810px;
    clear: both;
}

div.site-section-callouts div.callout 
{
    width: 810px;
    position: relative;
    margin: 0 0 19px 0;
}

div.site-section-callouts div.callout div.image 
{
    float: left;
    position: relative;
    z-index: 99;
}

div.site-section-callouts div.callout div.text-box 
{
    float: left;
    width: 483px;
    background-color: #FFFFFF;
    padding: 25px 17px 0 25px;
    position: relative;
    left: -23px;
    top: 35px;
    z-index: 8;
}

div.site-section-callouts div.callout div.text-box div.text p 
{
    margin: 12px 0 12px 0;
}

div.site-section-callouts div.callout div.text-box div.title 
{
    background-image: url(/images/headers/subheaders/subheader-background.png);
    background-repeat: repeat-x;
    height: 40px;
    padding: 5px 31px 0 23px; 
    position: absolute;
    top: -19px;
    left: 0;
}

div.site-section-callouts div.callout div.text-box div.button-wrapper 
{
    position: absolute;
    right: 18px;
    bottom: -38px;
    z-index: 99;
}

div.site-section-callouts div.callout div.text-box div.button 
{
    background-image: url(/images/buttons/category/button-background.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 39px;
    float: left;
}

div.site-section-callouts div.callout div.text-box div.button a 
{
    display: block;
    float: left;
    height: 24px;
    color: #000000;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 36px 0 36px;
    background-image: url(/images/buttons/category/forward-button.png);
    background-repeat: no-repeat;
    background-position: right 6px;
}

div.resources div.site-section-callouts div.callout div.text-box div.button a:hover 
{
    color:#f5fad5;
}

div.site-section-callouts div.callout div.text-box div.button a:hover 
{
    color:#e1f844;
}

div.site-section-callouts-table div.character-callout div.button a:hover,
div.site-section-callouts-product div.product-landing-callout div.button a:hover 
{
    color: #FFFFFF;
}

div.site-section-callouts div.callout div.text-box div.button div.button-cap 
{
    float: left;
    width: 17px;
    height: 39px;
    background-image: url(/images/buttons/category/button-background-cap.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    left: 17px;
    top: 0;
}

div.site-section-callouts div.callout div.text-box div.text-box-bottom 
{
    width: 526px;
    height: 24px;
    background-image: url(/images/template/landing-page-block-border.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    left: 0;
    bottom: -24px;
    z-index: 8;
}

/****** VERTICAL CALLOUTS *******/

div.site-section-callouts table 
{
    border-collapse: collapse; 
    margin-left: 16px;   
}

div.site-section-callouts table tr td 
{
    padding-bottom: 29px;
}

div.site-section-callouts div.vertical-callout 
{
    float: left;
    width: 383px;
    position: relative;
    text-align: center;
}

div.site-section-callouts div.vertical-callout div.image 
{
    float: left;
    position: relative;
    z-index: 99;
}

div.site-section-callouts div.vertical-callout div.image div.title 
{
    background-image: url(/images/headers/subheaders/subheader-background-short.png);
    background-repeat: repeat-x;
    height: 31px;
    padding: 2px 20px 0 8px; 
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 99;
}

div.site-section-callouts div.vertical-callout div.text-box-wrapper 
{
    float: left;
    clear: both;
    margin: 0 auto;
    text-align: left;
    position: relative;
    top: -8px;
    left: 10px;
}

div.site-section-callouts div.vertical-callout div.text-box 
{
    float: left;
    clear: both;
    background-image: url(/images/template/angled-text-box-background.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 332px;
}

div.site-section-callouts div.vertical-callout div.text-box div.text
{
    float: left;
    padding: 10px 18px 10px 25px;
    width: 289px;
}
    #full-page.support div.site-section-callouts div.vertical-callout div.text-box div.text
    {
        width: 310px;
        padding-top:0;
    }
    #full-page.support div.site-section-callouts div.vertical-callout div.text-box 
    {
        background-image:none;
    }

div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button-wrapper 
{
    position: absolute;
    right: 14px;
    bottom: -27px;
    z-index: 99;
}

div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button 
{
    background-image: url(/images/buttons/category/button-background.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 39px;
    float: left;
}

div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button a 
{
    display: block;
    float: left;
    height: 24px;
    color: #000000;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 36px 0 36px;
    background-image: url(/images/buttons/category/forward-button.png);
    background-repeat: no-repeat;
    background-position: right 6px;
}

div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button a:hover 
{
    color: #f5fad5;
}

div.site-section-callouts div.vertical-callout div.text-box-wrapper div.button div.button-cap 
{
    float: left;
    width: 17px;
    height: 39px;
    background-image: url(/images/buttons/category/button-background-cap.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    left: 17px;
    top: 0;
}

/****** CHARACTER CALLOUTS ******/

div#full-page.characters_disney div#character-landing-body 
{
	margin: -20px 0 0 0;
}

div#full-page.characters_nickelodeon div#character-landing-body 
{
	margin: -20px 0 0 0;
}

div#full-page.characters_disney div.site-section-callouts-table
{
    position: relative;
    top: -90px;
}

div.site-section-callouts-table table
{
    border-collapse: collapse;
}

div.site-section-callouts-table table tr td
{
    padding-bottom: 25px;
    width: 200px;
}

div.site-section-callouts-table div.character-callout 
{
    width: 200px;
    text-align: center;
}

div.site-section-callouts-table div.character-callout div.button-wrapper 
{
    margin: 0 auto;
    clear: both;
    width: 148px;
}

div.site-section-callouts-table div.character-callout div.button 
{
    background-image: url(/images/buttons/category/button-background.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 39px;
    float: left;
}

div.site-section-callouts-table div.character-callout div.button a 
{
    display: block;
    float: left;
    height: 24px;
    color: #000000;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 36px 0 36px;
    background-image: url(/images/buttons/category/forward-button.png);
    background-repeat: no-repeat;
    background-position: right 6px;
}

div.site-section-callouts-table div.character-callout div.button div.button-cap 
{
    float: left;
    width: 17px;
    height: 39px;
    background-image: url(/images/buttons/category/button-background-cap.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    left: 17px;
    top: 0;
}

/****** PRODUCT LANDING CALLOUTS ******/

div.site-section-callouts-product table
{
    border-collapse: collapse;
    margin: 20px auto;
}

div.site-section-callouts-product table tr td
{
    padding-bottom: 50px;
    width: 250px;
}

div.site-section-callouts-product div.product-landing-callout 
{
    width: 250px;
    text-align: left;
    position: relative;
}

div.site-section-callouts-product div.product-landing-callout div.image
{
    position: relative;
    z-index: 99;
}

div.site-section-callouts-product div.product-landing-callout div.title 
{
    float: left;
    background-color: #000000;
    padding: 3px 10px 3px 10px; 
    position: relative;
    top: 8px;
    z-index: 8;
}

div.site-section-callouts-product div.product-landing-callout div.button-wrapper 
{
    clear: both;
    position: relative;
    top: -17px;
    left: 50px;
}

div.site-section-callouts-product div.product-landing-callout div.button 
{
    background-image: url(/images/buttons/category/button-background.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 39px;
    float: left;
}

div.site-section-callouts-product div.product-landing-callout div.button a 
{
    display: block;
    float: left;
    height: 24px;
    color: #000000;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 36px 0 36px;
    background-image: url(/images/buttons/category/forward-button.png);
    background-repeat: no-repeat;
    background-position: right 6px;
}

div.site-section-callouts-product div.product-landing-callout div.button div.button-cap 
{
    float: left;
    width: 17px;
    height: 39px;
    background-image: url(/images/buttons/category/button-background-cap.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    left: 17px;
    top: 0;
}

/********************************
*    CHARACTER HOME             *
*********************************/

#character-products-wrapper
{
    width: 1070px;
    margin: 0 auto;
    position: relative;
    top: -5px;
    margin-bottom: -38px;
}

#character-products 
{
    background-image: url(/images/characters/page-header-bottom-line.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 10px;
    width: 1070px;
}

#character-products-strip 
{
    background-image: url(/images/characters/character-products-background.gif);
    background-repeat: repeat-x;
    background-position: -100px top;
    height: 264px;
    text-align: center;
    padding-top: 30px;
    width: 1070px;
}

#character-products-strip table 
{
    border-collapse: collapse;
    margin: 0 auto;
}

#character-products-strip table tr td 
{
    width: 192px;
}

#character-products-strip div.product 
{
    /*float: left;
    width: 140px;
    margin-left: 59px;*/
    width: 100%;
    border-left: 1px solid #b8b8b8;
}

#character-products-strip div.product.first
{
    border-left: 0;
}

#character-products-strip table div.name,
#character-products-strip table div.specs 
{
    width: 100%;
    text-align: center;
}

#character-products-strip table div.name a 
{
    font-size: 14px;
    color: #000000;
}


#character-products-strip table div.name a:hover
{
    background-color: #ccff33;
}


#character-products-strip table div.specs 
{
    font-size: 11px;
    color: #666666;
}

/********************************
*    PAGE CONTENT               *
*********************************/

h5 a 
{
    font-weight: normal;
    font-size: 12px;
}

a.plus-box 
{
}

img.plus-box 
{
    margin-left: 11px;
    margin-right: 8px;
    position: relative;
    top: 6px;
}

div.image.right 
{
    float: right;
}

div.image.left 
{
    float: left;
}

div.box 
{
   float: left;
   padding: 20px 100px 20px 39px;
   background-color: #efeee1;
   margin-bottom: 20px;
}

div.box.two-thirds 
{
    width: 499px;
}

#main-content div.box ul li 
{
    padding-bottom: 8px;
}

div.right-callout 
{
    width: 247px;
    background-image: url(/images/template/misc-callout-border.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 10px;
    margin-top: 18px;
    text-align: left;
    float: right;
    text-align: center;
}

div.right-callout div.bottom-border 
{
    float: left;
    clear: both;
    width: 247px;
    height: 10px;
    background-image: url(/images/template/misc-callout-border.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

div.right-callout div.image 
{
    width: 247px;
    text-align: center;
}


div.right-callout div.link 
{
    height: 28px;
    /*background-image: url(/images/buttons/callouts/right-callout-button-background.gif);
    background-repeat: no-repeat;
    background-position: left top;*/
    margin: 0 auto;
    text-align: left;
    position: relative;
} 

#main-content div.right-callout div.link a 
{
    display: block;
    position: relative;
    height: 22px;
    background-image: url(/images/buttons/callouts/right-callout-button-background.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 14px;
    color: #e1f844;
    background-color: #000000;
    text-decoration: none;
    text-align: right;
    float: left;
    padding-top: 5px;
    padding-right: 61px;
}

#main-content div.right-callout div.link a:hover
{
    background-image: url(/images/buttons/callouts/right-callout-button-background-hover.gif);
    color: #000000;
    background-color: #e1f844;
}

#main-content div.right-callout div.link a span.cap 
{
    display: block;
    width: 57px;
    height: 27px;
    background-image: url(/images/buttons/callouts/right-callout-button-cap.gif);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}


#main-content div.right-callout div.link a:hover
{
    color: #000000;
}

#main-content div.right-callout div.link a:hover span.cap 
{
    background-image: url(/images/buttons/callouts/right-callout-button-cap-hover.gif);
}

div.right-callout div.link div.link-cap 
{
    float: left;
    width: 46px;
    height: 28px;
    background-image: url(/images/buttons/callouts/right-callout-button-cap.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    left: 6px;
    top: -4px;
}

/******** BIKE ASSEMBLY *********/

div.box table tr td.left-column 
{
    padding: 0 26px 9px 9px;
}

/******** OWNER'S MANUALS ********/

div.pdf-list 
{
    width: 603px;
    padding: 10px 0 0 0;
    background-image: url(/images/template/pdf-list-border.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

div.pdf-list div.bottom-border 
{
    width: 603px;
    float: left;
    clear: both;   
    padding: 0 0 10px 0;
    background-image: url(/images/template/pdf-list-border.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

div.pdf-list div.cell
{
    padding: 10px 93px 10px 59px;
    width: 451px;
    float: left;
    clear: both;
    background-image: url(/images/template/pdf-icon.png);
    background-repeat: no-repeat;
    background-position: 16px 4px;
}

div.pdf-list div.cell.alternate 
{
    background-color: #efeee1;
}

div.pdf-list div.cell a 
{
    /*display: block;
    height: 29px;
    padding-left: 36px;
    padding-top: 7px;*/
    font-size: 14px;
    
}

div.pdf-list div.cell p 
{
    margin: 3px 0 0 0;
}

div.more-questions-callout 
{
    width: 203px;
    height: 161px;
    padding: 71px 22px 30px 22px;  
    background-image: url(/images/misccallouts/got-more-questions.gif);
    background-repeat: no-repeat;
    background-position: 4px top;
}

div.more-questions-callout p 
{
    font-weight: bold;
    margin: 0;
    line-height: 16px;
}

div.more-questions-callout p.black-label
{
    font-weight: bold;
    padding: 6px 9px 6px 9px;
    background-color: #000000;
    color: #e1f844;
    margin-top: 2px;
}

/*********************************
*    MAIN CONTENT                *
*********************************/ 
#main-content-internal
{
    float: left;
    clear: both;
    width: 1070px;
    margin: 0;
    padding:0;
    text-align: left;
    position:relative;
    left:14px;
} 

#main-content-internal #main-content 
{
    float: left;
    clear: both;
    width: 981px;
    margin: 0;
    text-align: left;
    padding-left: 39px;
    padding-right: 50px;
    position: relative;
    left: 0px;
}

div#main-content-internal
{
    background-image:url(/images/pages/page-background-overlay.png);
}

div#main-content-internal div#main-content.yellow 
{
    background-color:#edd577;
}

/********************************
*    Columns                    *
*********************************/
div#main-content-internal div.column.header 
{
    width: 99px;
    float:left;
    margin-left: 26px;
    margin-right: 46px;
}

div#main-content-internal div.column.content 
{
    width: 810px;
    float:left;
}

/******************************************
*    Internal Page Headers Header *
*******************************************/  
div.site-section-header
{
    width:810px;
    height:187px;
}

    
/******************************************
*    Riding Resources Landing Page Header *
*******************************************/    
 
div.page-header-vertical
{
    float:left;
    position: relative;
    width: 99px;
}
 
div.page-header-vertical div.logo
{
    margin-top:19px;
}

div.page-header-vertical div.logo a
{
    display: block;
    width: 99px;
    height: 109px;
    background-image: url(/images/logos/category-logo.png);
    background-repeat: no-repeat;
    text-indent: -999em;
    overflow: hidden;
    /*outline: 0;*/
}

div.page-header-vertical div.title 
{
    
    margin-left: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
} 

/*********************************
*    Section Callouts Header     *
*********************************/  
.site-section-callouts-container 
{
    float:left;
    min-height:180px;
}
 
.site-section-callouts 
{
    position:relative;
    top:0px;
    float:left;
    clear:both;
}

.site-section-callouts div.callout 
{
    float:left;
}

.site-section-img 
{
    position:absolute;
    top:0px;
    left:0px;
    z-index:2;
}

.site-section-title 
{
    background-color:Transparent;
    background-image: url(/images/headers/subheaders/subheader-background.png);
    background-repeat: repeat-x;
    height:38px;
    position:absolute;
    top:24px;
    left:204px;
    z-index:1;
    padding-top:2px;
}

.site-section-title h4.cholla 
{
    margin-left:27px;
    width:100%;
}

.site-section-text 
{
    width:526px;
    position:absolute;
    top:28px;
    left:204px;
    background-color:Transparent;
}

.site-section-text div.text 
{
    padding-top:26px;
    background-color:#ffffff;
}

.site-section-text p 
{
    margin:0 0 0 28px;
    padding:0px;
}

.site-section-text-bg 
{
    width: 526px;
    height: 24px;
    background-image: url(/images/template/landing-page-block-border.png);
    background-repeat: no-repeat;
    background-position: left top;
    position:relative;
    top:0px;
}

.site-section-text-link 
{
    font-size:14px;
    background-image: url(/images/template/site-section-link-bg.png);
    background-repeat: no-repeat;
    width:131px;
    height:32px;
    padding-top:5px;
    padding-left:35px;
    position:relative;
    top:-15px;
    left:377px;
    z-index:1;
    
}


.clear 
{
    clear:both;
}



/**************************************
*    Numbered Subheader Navigation    *
**************************************/

h3.cholla-inactive {
	font-size:20px;
	margin:0;
}

.numberedSubNav {
	position: relative;
	top: 1px;
}

.numberedSubNav div .titleFix {
	margin-right: 3px;
	position: relative;
	bottom: 10px;
}

.numberedSubNav div .titleFix.sIFR-replaced {
	margin-right: 3px;
	position: relative;
	bottom: 0px;
}

.numberedSubNav div {
	display: inline-block;
	height: 45px;
	padding: 0 10px;
	background-repeat: repeat-x;
	vertical-align: top;
}

.page-numbered-subheader {
	background-image: url(/images/headers/subheaders/subheader-background.gif);	
}


#main-content .page-numbered-subheader .titleFix a {
	color: #CCFF33;
	text-decoration: none;
}

#main-content .page-numbered-subheader .titleFix a:hover,
#main-content .page-numbered-subheader-inactive .titleFix a:hover {
	background-color: Transparent;	
}

#main-content .page-numbered-subheader-inactive .titleFix a {
	color: #FFFFFF;
	text-decoration: none;
}

.page-numbered-subheader-inactive {
	background-image: url(/images/headers/subheaders/subheader-background-inactive.gif);
}


div.site-section-callouts div.vertical-callout div.image div.title-reg {
	background-image:url("/images/headers/subheaders/subheader-background.png");
	background-repeat:repeat-x;
	height:40px;
	left:8px;
	padding:2px 20px 0 8px;
	position:absolute;
	top:8px;
	z-index:99;
}

div.site-section-callouts div.vertical-callout div.image div.title-reg .titleFix {
	position: relative;
	bottom: 12px;
} 

div.site-section-callouts div.vertical-callout div.image div.title-reg .titleFix.sIFR-replaced {
	position: relative;
	bottom: 4px;
} 

/********************************
*    Riding Resource Pages      *
*********************************/
div.content-columns.resources div.column.left 
{
    width: 685px;
}

div.content-columns.resources div.column.right
{
    float: right;
}

div.column.left img.fitting_chart
{
    margin-top:-70px;
}

/********************************
*    Callout Square             *
*********************************/
.callout-square-container 
{
    float:left;
    min-height:320px;
}
 
.callout-square
{
    position:relative;
    top:0px;
    float:left;
    clear:both;
}

.callout-square.right
{
    position:relative;
    top:0px;
    left:400px;
    float:left;
    clear:both;
}

.callout-square div.callout 
{
    float:left;
}

.callout-square .site-section-img 
{
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
}
.site-section-title-short 
{
    background-color:Transparent;
    background-image: url(/images/headers/subheaders/subheader-background-short.png);
    background-repeat: repeat-x;
    height:31px;
    position:absolute;
    top:8px;
    left:16px;
    z-index:2;
    padding-top:2px;
}

.callout-square .site-section-text 
{
    width:328px;
    position:absolute;
    top:224px;
    left:8px;
    background-color:Transparent;
}

.callout-square .site-section-text div.text 
{
    padding-top:5px;
    padding-bottom:5px;
    background-image:url(/images/resources/site-sections-text-bg.png);
    background-color:Transparent;
}

.callout-square .site-section-text div.text p 
{
    margin:0 13px 0 13px;
    padding:0px;
}

.callout-square .site-section-text-link 
{
    font-size:14px;
    background-image: url(/images/template/site-section-link-square-bg.png);
    background-repeat: no-repeat;
    width:116px;
    height:31px;
    padding:2px 0 0 15px;    
    position:relative;
    top:-4px;
    left:196px;
    z-index:1;
    text-align:left;
    
}

/********************************
*    Section Callout Link     *
*********************************/
.section-callout 
{
    margin-top:5px;
}

.section-callout img.line
{
    position:relative;
    top:7px;
    left:-4px;
}

.section-callout img.line.bottom
{
    position:relative;
    top:-16px;
    left:-4px;
}

.section-callout div.link 
{
    width:201px;
    height:22px;
    padding-top:6px;
    text-align:center;
    background-image:url(/images/buttons/category/section-callout-link-bg.png);
    position:relative;
    top:-13px;
    left:42px;
}

.section-callout div.link span.cholla-yellow 
{
    font-size:16px;
    line-height:24px;
    color:#e1f844;
}    

.section-callout div.link img 
{
    position:relative;
    top:-10px;
}

/********************************
*    List Styles             *
*********************************/
#main-content ul li 
{
    padding-bottom:20px;
}

.numbered-list .number, .numbered-list .text
{
    margin:5px 0; 
}

.numbered-list .number
{
    color: #e1f844;
    width:23px;
    height: 23px;
    background: url(/images/pages/support/faqs/faq-bullet.gif) no-repeat;
    float:left;
    text-align: center;
    padding: 3px 0 0 0;
    margin: 5px 16px 5px 0;
}

.numbered-list .text a 
{
    font-size:14px;
}

.numbered-list .text
{
    width:642px;
    float:left;
}

.numbered-list .text h5 
{
    float:left;
    margin:0;
}

.numbered-list .text p
{
    margin-top:0px;
    padding-top:0px;
    clear: both;
}
    
/********************************
*    Element Styles             *
*********************************/
#main-content .left 
{
    float:left;
    margin-right:10px;
}

#main-content .right 
{
    float:right;
    margin-left:10px;
}

.image-stripe 
{
    margin:8px 0 20px 0; 
}

.image-stripe img 
{
    margin-top:5px;
    margin-right:13px;
}

.huffy-life-link 
{
    margin:14px 13px 20px 0;
    text-align:center;  
    float:left;
    line-height:22px;  
}

.huffy-life-link img 
{
    margin-bottom:8px;
}


.game-callout 
{
    float:left;
    width:310px;
    margin-top:22px;
    margin-right:10px;
    font-size:10px;
}

.game-callout a 
{
    font-size:12px;
}

.game-callout p 
{
    margin:6px 0;
}

.game-callout img 
{
    float:left;
    margin-right:5px;
}

/*********************************
*    License Table Styles        *
*********************************/  

table.form 
{
    
    width:614px;
    font-size:18px;
    margin:0 15px;
    padding:0;
}

table.form tr td div 
{
    width:222px;
    margin-left:14px;
    float:left;
}

table.form tr td 
{
    background-color:#f7f7f0;
}

table.form tr td.dark 
{
    background-color:#efeee1;
}

table.form input 
{
    font-size:12px;
    font-family:Trebuchet MS,Arial,Verdana,Sans-Serif;
    border-color:#c2c1c1;
    width:296px;
    height:16px;
}

table.form input.file-upload 
{
    height: 26px;
}

table.form input.image-upload 
{
    width:192px;
    margin-right:6px;
}

table.form select 
{
    font-size:12px;
    font-family:Trebuchet MS,Arial,Verdana,Sans-Serif;
    border-color:#c2c1c1;
    width:296px;
}

table.form input.btn-browse 
{
    width:73px;
    height:26px;
    position:relative;
    top:8px;
}

input.btn-submit 
{
    width:176px;
    height:44px;
    margin-left:240px;
}

img.form-line 
{
    margin-left:15px;
}

/*********************************
*    Misc Callouts Styles        *
*********************************/  

.registration-callout 
{
    background-image:url(/images/misccallouts/registration-benefits.gif);
    width:277px;
    height:135px;
    padding-top:100px;
    text-align:left;
}

.registration-callout ul 
{
    margin:0 0 0 55px;
    padding:0;
}

#main-content div.registration-callout ul li, #main-content div.learning-to-ride-callout ul li
{
    padding-bottom:2px;
    
}

.more-questions-callout2 
{
    margin-top:18px;
    background-image:url(/images/misccallouts/more-questions.gif);
    width:223px;
    height:42px;
    font-size:18px;
    font-weight:bold;
    text-align:left;
    padding-top:88px;
    padding-left:12px;
    float: right;
}

div.learning-to-ride-callout
{
    margin-top:18px;
    float:right;
    background-image:url(/images/misccallouts/learning-to-ride-callout.gif);
    width:209px;
    height:237px;
    padding-left:12px;
    padding-right:9px;
    text-align:left;
}

div.learning-to-ride-callout div.title 
{
    background-color:#edd577;
    margin-top:10px;
    padding:4px;
    font-size:14px;
}

#main-content div.learning-to-ride-callout ul 
{
    margin:15px 0 0 18px;
    padding:0;
}

#main-content div.learning-to-ride-callout ul li
{
    padding-bottom:8px;
    
}

/*********************************
*    HOME PAGE                   *
*********************************/

#home-flash-wrapper 
{
    clear: both;
    width: 973px;
    height: 446px;
    margin-bottom: 20px;
    margin: 0 auto 20px auto;
}


#home-flash-wrapper div#homeflash 
{
    width: 1097px;
    height: 446px;
}

#home-product-scroll-wrapper 
{
    float: left;
    clear: both;
    width: 100%;
    margin: -4px auto -46px auto;
}

#home-product-scroll 
{
    width: 960px;
    position: relative;
    margin: 0 auto 0 auto;
}

#home-product-scroll #back-control 
{
    float: left;
    width: 50px;
    height: 88px;
    background-image: url(/images/pages/default/left-scroll-bracket.gif);
    background-repeat: no-repeat;
    background-position: right top;    
}

#home-product-scroll #back-control a
{
    display: block;
    margin-top: 22px;
    width: 24px;
    height: 24px;
    overflow: hidden;
    background-image: url(/images/buttons/productdetail/back-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -999em;
    cursor: pointer;
}

#home-product-scroll #back-control.inactive a
{
    background-image: url(/images/buttons/productdetail/back-button-inactive.png);
}

#home-product-scroll #forward-control 
{
    position: absolute;
    right: 0;
    width: 39px;
    height: 88px;
    background-image: url(/images/pages/default/right-scroll-bracket.gif);
    background-repeat: no-repeat;
    background-position: left top;  
    padding-left: 26px;  
}

#home-product-scroll #forward-control a
{
    margin-top: 22px;
    display: block;
    width: 24px;
    height: 24px;
    overflow: hidden;
    background-image: url(/images/buttons/productdetail/forward-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -999em;
    cursor: pointer;
}

#home-product-scroll #forward-control.inactive a
{
    background-image: url(/images/buttons/productdetail/forward-button-inactive.png);
}

#home-product-scroll-window 
{
    float: left;
    margin-left: 32px;
    width: 784px;
    height: 139px;
    position: relative;
    top: -57px;
    overflow: hidden;
}

#home-product-scroller 
{
    position: absolute;
    left: 0;
    width: 5000%;
    text-align: left
}

#home-product-scroller div.product 
{
    width: 112px;
    /*height: 88px;*/
    height: 139px;
    float: left;
    text-align: center;
    position: relative;
}

#home-product-scroller div.product div.rollover 
{
    width: 94px;
    height: 131px;
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px 0 0 0;
    margin: 0 auto;
    background-color: #000000;
    position: absolute;
    z-index: 8;
    left: 9px;
}

#home-product-scroller div.product div.rollover img 
{
    margin-left: 4px;
    position: relative;
    top: 2px;
}

#home-product-scroller div.product div.image 
{
    width: 94px;
    height: 88px;   
    position: absolute;
    bottom: 3px;
    z-index: 9;
    left: 9px;
}

#home-callout-scroll
{
    width: 1056px;
    /*width: 960px;*/
    padding-top: 10px;
    margin: -4px auto -33px auto;
    /*background-image:url(/images/template/footer-border.jpg);
    background-position:left top;
    background-repeat:no-repeat;*/
    clear: both;
}

#home-callout-scroll-window 
{
    width: 1056px;
    height: 176px;
    /*width: 960px;
    height: 157px;*/
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

#home-callout-scroller 
{
    position: absolute;
    left:0;
    width: 5000%;
}

#home-callout-scroller div.home-callout 
{
    float: left;
    margin-right: 10px;
    text-align: center;
}

#home-callout-scroller div.home-callout div.button 
{
    margin: 0 auto;
    text-align: left;
}

#home-callout-scroller div.home-callout div.button a 
{
    display: block;
    height: 21px;
    background-image: url(/images/buttons/callouts/home-callout-button-background.gif);
    background-repeat: repeat-x;
    color: #FFFFFF;
    padding-left: 7px;
    padding-top: 1px;
    /*padding-right: 50px;*/
    position: relative; 
    text-decoration: none;
    font-size: 11px;
}

#home-callout-scroller div.home-callout div.button a:hover
{
    background-image: url(/images/buttons/callouts/home-callout-button-background-hover.gif);
    color: #000000;
}

#home-callout-scroller div.home-callout div.button a span.cap 
{
    display: block;
    width: 40px;
    height: 21px;
    background-image: url(/images/buttons/callouts/home-callout-button-cap.gif);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

#home-callout-scroller div.home-callout div.button a:hover span.cap
{
    background-image: url(/images/buttons/callouts/home-callout-button-cap-hover.gif);
}

#home-callout-scroll-bar 
{
    width: 960px;
    height: 21px;
    position: relative;
}

#home-callout-scroll-handle 
{
    position: absolute;
    left: 0;
    top: 0;
    width: 136px;
    height: 21px;
    cursor:pointer;
    background-image: url(/images/pages/default/callout-scroller-knob.gif);
    background-repeat: no-repeat;
}

/*********************************
*    WHERE TO BUY                *
*********************************/

#main-content table.where-to-buy 
{
    border-collapse: collapse;
    width: 960px;
    margin-top: 54px;
} 

#main-content table.where-to-buy tr td 
{
    text-align: center;
    vertical-align: middle;
    width: 192px;
}

/****************************************
*    Support Promotions   Styles        *
****************************************/
.callouts-bg 
{
    width:796px;
    height:380px;
    padding-top:10px;
    background-image: url(/images/pages/support/promotions/callouts-bg.png);
    background-repeat:no-repeat;
}

/*********************************
*    Contact Us   Styles        *
*********************************/
.col-left 
{
    width:520px;
    height:426px;
    float:left;
    position:relative;
}

.col-right 
{
    width:450px;
    float:left;
    padding-top:20px;
}

.col-left img.contact-bike  
{
    position:absolute;
    bottom:-30px;
}

.col-right p 
{
    font-size:16px;
}
    .col-right p strong 
    {
        font-size:16px;        
    }
    p.helpful-links 
    {
        font-size:12px;
        font-weight:normal;
    }
    p.helpful-links strong 
    {
        font-size:13px;
    }

#main-content .col-right ul 
{
    float:left;
    margin-top:-8px;
}
    #main-content .col-right ul li 
    {
        padding-bottom:4px;
    }




/*********************************
*    SEARCH RESULTS              *
*********************************/

div.search-results 
{
    margin: 30px 0 0 0;
}

#cse-search-results 
{
    margin: 20px 0 0 0;
}

#cse-search-results iframe a 
{
    color: #000000;
}

/*********************************
*    Admin Tool                  *
*********************************/
table.products-table 
{
    text-align:left;
}
    table.products-table th, table.products-table td
    {
        padding:3px;
    }
    table.products-table th 
    {
        background-color:#000000;
        color:#ffffff;
    }
    table.products-table td 
    {
        background-color:#bfc6ca;
    }
    
/********************************
*    CHARACTER MICROSITES       *
*********************************/

#full_page_character_microsite 
{
    float: left;
    clear: both;
    width: 100%;
    /*width: 1070px;*/
    position: relative;
    /*left: 14px;*/
    text-align: left;
    margin: 3px 0 0 0;
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 1059px;
}

#full_page_character_microsite div.fill 
{
    /*float: left;*/
    clear: both;
    width: 1026px;
    /*width: 100%;*/
    margin: 0 auto;
    overflow: auto;
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 1059px;
}

#full_page_character_microsite div.overlay 
{
    float: left;
    clear: both;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center top;
    /*padding: 0 0 74px 0;*/
    width: 100%;
}

#full_page_character_microsite div.full-page-content 
{
    width: 973px;
    margin: 0 auto;
}

#full_page_character_microsite div.column
{
    float: left;
}

#full_page_character_microsite div.column.header 
{
    width: 100px;
    text-align: center;
    margin: 0 0 0 0;
}

#full_page_character_microsite div.column.content 
{
    width: 658px;
    margin: 152px 0 0 210px;
}

#full_page_character_microsite div.page-header-vertical
{
    width: 100px;
    text-align: center;
    margin: 0 auto;
}
 
#full_page_character_microsite div.page-header-vertical div.logo
{
    width: 99px;
    margin: 33px auto 20px;
}

#full_page_character_microsite div.page-header-vertical div.logo a
{
    display: block;
    width: 99px;
    height: 109px;
    background-image: url(/images/logos/category-logo.png);
    background-repeat: no-repeat;
    text-indent: -999em;
    overflow: hidden;
    /*outline: 0;*/
}

#full_page_character_microsite div.page-header-vertical div.title-wrapper
{
    margin: 0 auto;
    position: relative;
    left: -7px;
} 

#full_page_character_microsite div.page-header-vertical div.title 
{
    
} 

#character-microsite-products-box 
{
	background: #FFFFFF url(/images/characters/microsites/etc/product-scroller-bg-top.gif) repeat-x left top;
}

#character-microsite-products-box div.character-microsite-content-box-inside
{
	background: url(/images/characters/microsites/etc/product-scroller-bg-bottom.gif) repeat-x left bottom;
}

div.character_microsite_content_box 
{
	float: left;
    background-color: #FFFFFF;   
    position: relative;
    margin: 0 0 18px 0;
    text-align: center;
}

div.character_microsite_content_box div.character-microsite-content-box-inside 
{
	float: left;
    width: 622px;   
    position: relative;
    padding: 13px 18px 13px 18px;
    text-align: center;
}

div.character_microsite_content_box div.title 
{
	background-image:url(/images/headers/subheaders/subheader-background-short.png);
	background-repeat:repeat-x;
	height:31px;
	left:-4px;
	padding:4px 20px 0 8px;
	position:absolute;
	top:-5px;
	z-index:99;
}

div.character_microsite_content_box p.intro 
{
	margin: 22px 0 8px 0;
	text-align: left;
}

div.character_microsite_top_divider,
div.character_microsite_bottom_divider  
{
    width: 658px;
    height: 10px;
    background-image: url('/images/characters/microsites/dividers/divider.png');
    background-repeat: no-repeat;
    position: absolute;
    z-index: 99999;
}

div.character_microsite_top_divider
{
    top: -4px;
    left: 0;
}

div.character_microsite_bottom_divider
{
    bottom: -4px;
    left: 0;
}

#character-microsite-scroll 
{
    float: left;
    width: 621px;
    height: 230px;
}

#character-microsite-scroll-window 
{
    float: left;
    width: 621px;
    height: 230px;
    position: relative;
    overflow: hidden;
}

#character-microsite-scroller 
{
    position: absolute;
    left: 0;
    top: 22px;
    width: 5000%;
    text-align: left
}

#character-microsite-scroller div.product 
{
    width: 207px;
    /*height: 88px;*/
    height: 192px;
    float: left;
    text-align: center;
    position: relative;
    border-left: 1px solid #aaaaaa;
}

#character-microsite-scroller div.first 
{
	border-left: 0;
}

#character-microsite-scroller div.product div.name a 
{
    font-size: 14px;
    color: #000000;
}

#character-microsite-scroller div.product div.specs 
{
    font-size: 11px;
    color: #666666;
}

#character-microsite-scroll #back-control 
{
    float: left;
    visibility: hidden;
}

#character-microsite-scroll #back-control 
{
	position: absolute;
	left: -11px;
	top: 93px;
}

#character-microsite-scroll #back-control a
{
    display: block;
    margin-top: 22px;
    width: 24px;
    height: 24px;
    background-image: url(/images/buttons/productdetail/back-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -999em;
    cursor: pointer;
}

#character-microsite-scroll #back-control.inactive a
{
    background-image: url(/images/buttons/productdetail/back-button-inactive.png);
}

#character-microsite-scroll #forward-control 
{
    position: absolute;
    right: -11px;
    top: 93px;
    visibility: hidden;
}

#character-microsite-scroll #forward-control a
{
    margin-top: 22px;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/images/buttons/productdetail/forward-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -999em;
    cursor: pointer;
}

#character-microsite-scroll #forward-control.inactive a
{
    background-image: url(/images/buttons/productdetail/forward-button-inactive.png);
}

div.character_microsite_content_box table.wallpaper_and_riding_tips 
{
	text-align: left;
	border-collapse: collapse;
}

div.character_microsite_content_box table.wallpaper_and_riding_tips tr td
{
	vertical-align: top;
}

div.character_microsite_content_box table.wallpaper_and_riding_tips tr td.left
{
	padding-right: 14px;
}

div.character_microsite_content_box table.wallpaper_and_riding_tips tr td.right
{
	padding-left: 14px;
	border-left: 1px solid #aaaaaa;
}

div.character_microsite_content_box table.wallpaper_and_riding_tips tr td h4
{
	font-size: 13px;
	margin-bottom: 3px;
}

div.character_microsite_content_box table.wallpaper_and_riding_tips tr td p
{
	margin: 0 0 8px 0;
	font-size: 11px;
}

div.character_microsite_content_box table.wallpaper_and_riding_tips tr td ul 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.character_microsite_content_box table.wallpaper_and_riding_tips tr td ul li 
{
	background-image: url(/images/characters/microsites/etc/download_list_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding: 0 0 0 10px;
}

div.character_microsite_content_box table.wallpaper_and_riding_tips tr td ul li a
{
	font-size: 13px;
}

div.character_microsite_content_box table#character_microsite_more_content tr td 
{
	vertical-align: top;
	text-align: left;
}

div.character_microsite_content_box table#character_microsite_more_content tr td ul 
{
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

div.character_microsite_content_box table#character_microsite_more_content tr td ul li
{
	margin: 0 0 14px 0;
	background-image: url(/images/characters/microsites/etc/download_list_bullet.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 0 0 0 15px;
}

div.character_microsite_content_box table#character_microsite_more_content tr td ul li a 
{
	font-size: 11px;
}

div.character_microsite_content_box table#character_microsite_more_content p.intro 
{
	margin: 5px 0 8px 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
}

/***************************************
*  BACKGROUNDS                         *
***************************************/

#full_page_character_microsite.disneycars div.fill 
{
	background-image: url(/images/characters/microsites/backgrounds/disneycars.jpg);
	background-color: #488741;
}

#full_page_character_microsite.godiegogo div.fill 
{
	background-image: url(/images/characters/microsites/backgrounds/godiegogo.jpg);
	background-color: #579c5b;
}

#full_page_character_microsite.doratheexplorer div.fill 
{
	background-image: url(/images/characters/microsites/backgrounds/doratheexplorer.jpg);
	background-color: #a07fb8;
}

#full_page_character_microsite.disneyfairies div.fill 
{
	background-image: url(/images/characters/microsites/backgrounds/disneyfairies.jpg);
	background-color: #bb89c6;
}

#full_page_character_microsite.hannahmontana div.fill 
{
	background-image: url(/images/characters/microsites/backgrounds/hannahmontana.jpg);
	background-color: #395aa9;
}

#full_page_character_microsite.highschoolmusical div.fill 
{
	background-image: url(/images/characters/microsites/backgrounds/highschoolmusical.jpg);
	background-color: #a80d11;
}

#full_page_character_microsite.icarly div.fill 
{
	background-image: url(/images/characters/microsites/backgrounds/icarly.jpg);
	background-color: #019fce;
}

#full_page_character_microsite.disneyprincess div.fill 
{
	background-image: url(/images/characters/microsites/backgrounds/disneyprincess.jpg);
	background-color: #bf6faa;
}

#full_page_character_microsite.toystory div.fill 
{
	background-image: url(/images/characters/microsites/backgrounds/toystory.jpg);
	background-color: #43baf2;
}

/***************************************
*  VISIT SITE LINKS                    *
***************************************/

div#visit-site-link-wrapper 
{
	position:absolute;	
	left: 0;
}

div#visit-site-link a 
{
	display: block;
	overflow:hidden;
	text-indent: -999em;
}

div#visit-site-link-wrapper.disneycars
{
	top: 525px;
	left: -23px;
}

div#visit-site-link-wrapper.disneycars div#visit-site-link a
{
	width: 187px;
	height: 60px;
	background: url(/images/characters/microsites/visitlink/disneycars.png) no-repeat;
}

div#visit-site-link-wrapper.godiegogo
{
	top: 415px;
	left: -23px;
}

div#visit-site-link-wrapper.godiegogo div#visit-site-link a
{
	width: 164px;
	height: 74px;
	background: url(/images/characters/microsites/visitlink/godiegogo.png) no-repeat;
}

div#visit-site-link-wrapper.doratheexplorer
{
	top: 396px;
	left: -23px;	
}

div#visit-site-link-wrapper.doratheexplorer div#visit-site-link a
{
	width: 164px;
	height: 111px;
	background: url(/images/characters/microsites/visitlink/doratheexplorer.png) no-repeat;
}

div#visit-site-link-wrapper.disneyfairies
{
	top: 575px;
	left: 102px;	
}

div#visit-site-link-wrapper.disneyfairies div#visit-site-link a
{
	width: 147px;
	height: 93px;
	background: url(/images/characters/microsites/visitlink/disneyfairies.png) no-repeat;
}

div#visit-site-link-wrapper.hannahmontana
{
	top: 527px;
	left: -8px;	
}

div#visit-site-link-wrapper.hannahmontana div#visit-site-link a
{
	width: 166px;
	height: 68px;
	background: url(/images/characters/microsites/visitlink/hannahmontana.png) no-repeat;
}

div#visit-site-link-wrapper.highschoolmusical
{
	top: 447px;
	left: 1px;	
}

div#visit-site-link-wrapper.highschoolmusical div#visit-site-link a
{
	width: 126px;
	height: 81px;
	background: url(/images/characters/microsites/visitlink/highschoolmusical.png) no-repeat;
}

div#visit-site-link-wrapper.icarly
{
	top: 551px;
	left: 20px;	
}

div#visit-site-link-wrapper.icarly div#visit-site-link a
{
	width: 221px;
	height: 162px;
	background: url(/images/characters/microsites/visitlink/icarly.png) no-repeat;
}

div#visit-site-link-wrapper.disneyprincess
{
	top: 482px;
	left: 14px;	
}

div#visit-site-link-wrapper.disneyprincess div#visit-site-link a
{
	width: 224px;
	height: 152px;
	background: url(/images/characters/microsites/visitlink/disneyprincess.png) no-repeat;
}

div#visit-site-link-wrapper.toystory
{
	top: 510px;
	left: -14px;
}

div#visit-site-link-wrapper.toystory div#visit-site-link a
{
	width: 187px;
	height: 119px;
	background: url(/images/characters/microsites/visitlink/toystory.png) no-repeat;
}

/**********************************************************************************************
    NEW ADDITIONS
**********************************************************************************************/

/*********************************
*    Cruisers Page               *
*********************************/
#page-wrapper.cruisers #regular-page-header
{
    /*width: 1070px;*/
    width: 100%;
    position: relative;
    /*left: 14px;*/
    text-align: center;
    height: 325px;
    top: 0;
    float: left;
    clear: both;
    /*background-image: url(/images/cruisers/header-cruisers.jpg);
    background-repeat: repeat-y;
    background-position: center top;*/
}


/*********************************
*    Panama Jack Page            *
*********************************/
#page-wrapper.panama-jack #regular-page-header
{
    /*width: 1070px;*/
    width: 100%;
    position: relative;
    /*left: 14px;*/
    text-align: center;
    height: 326px;
    top: 0;
    float: left;
    clear: both;
    /*background-image: url(/images/panamajack/header-panamajack.jpg);
    background-repeat: repeat-y;
    background-position: center top;*/
}

#page-wrapper.panama-jack #main-content-wrapper 
{
    float: left;
    clear: both;
    width: 100%;
    height:774px;
    margin-bottom:-34px;
    background-image: url(/images/panamajack/content-bg.jpg);
    background-repeat:no-repeat;
    background-position: center top;
}

/****** Heading ******/
#page-heading-wrapper 
{
    color:#000000;
    height:142px;
}

#page-heading 
{
    float:left;
    width:275px;
    font-size:31px;
    font-weight:bold;
    margin:18px 20px 0 30px;  
}

#page-heading-descrip 
{
    float:left;
    width:645px;
    font-size:13px;
    margin-top:8px;
}

#page-heading-descrip p 
{
    margin:8px 0;
}

/****** Panama Jack Features ******/
#PJ-features-wrapper 
{
    margin-bottom:25px;
}

.PJ-features-item
{
    float:left;
    width:243px;
}

.PJ-features-image 
{
    height:182px;
}

.PJ-features-descrip 
{
    padding:0 25px 0 5px;
}

.PJ-features-descrip h6 
{
    font-size:15px;
}

.PJ-features-descrip p 
{
    font-size:13px;
}

/****** Panama Jack Bike Scroller ******/
#page-wrapper.panama-jack div.character_microsite_content_box 
{
    float:right;
} 

/*********************************
*    Green Machine Page          *
*********************************/
#main-content .GM-social-media a:hover,
#main-content #GM-scroll-wrapper a:hover 
{
    background-color:Transparent;
}

#page-wrapper.green-machine #character-microsite-scroll,
#page-wrapper.green-machine #character-microsite-scroll-window
{
    width:200px;
    margin-left:15px;
}

#page-wrapper.green-machine #regular-page-header
{
    /*width: 1070px;*/
    width: 100%;
    position: relative;
    /*left: 14px;*/
    text-align: center;
    height: 460px;
    top: 0;
    float: left;
    clear: both;
   /* background-image: url(/images/greenmachine/header-greenmachine.jpg);
    background-repeat: repeat-y;
    background-position: center top;*/
}

#page-wrapper.green-machine #footer-wrapper 
{
    margin:0 auto 0;
}

#page-wrapper.green-machine #main-content 
{
    /*float: left;
    clear: both;*/
    width: 906px;
    margin: 0 auto;
    text-align: left;
    padding:0 60px;
    /*padding-left: 55px;
    padding-right: 55px;*/
    position: relative;
    /*left: 14px;*/
    background-color:#000000;
    text-align:center;
}

#GM-content-wrapper 
{
    padding:15px 0 0;
    text-align:left;
}

#GM-content-left
{
    float:left;
    width:576px;
    height:300px;
    color:#ffffff;    
    background-color:#1b1b1b;
    padding:14px;
}

#GM-content-right 
{
    float:right;
    width:297px;
    height:328px;
    background-color:#1b1b1b;
}

#bike-scroller 
{   
    width:269px;
    height:278px;
    padding:14px;
    margin-bottom:5px;
    background-color:#1b1b1b;    
}

.content-block 
{
	overflow: auto;
    padding:10px 0 16px;
    border-bottom:solid 1px #545454;
}

.content-block span 
{
    color:#666666;
}

.content-block.last 
{
    border-bottom:0;
    margin-bottom:20px;
}

#GM-content-left .youtube-description 
{
	width: 240px;
	float: left;
}

#page-wrapper.green-machine #main-content div.disclaimer 
{
    color:#ffffff;
    font-size:9px;
    line-height:13px;
    padding:14px 0;
}

#page-wrapper.green-machine h3 
{
    color:#89d818;
    font-size:17px;
    margin:0;
}

#page-wrapper.green-machine #GM-content-wrapper  p 
{
    margin:0 0 14px;
}

/****** Green Machine Wallpaper Selector ******/
.GM-wallpaper-description 
{
    width:220px;
    float:left;
}

.GM-wallpaper-wrapper 
{
    width:324px;
    float:right;
    margin-left:25px;
}

.GM-wallpaper 
{
    width:100px;
    float:left;
    margin-right:12px;
}
    .GM-wallpaper.last 
    {
        margin-right:0;
    }
    
.GM-wallpaper ul 
{
    padding:0;
    margin:0;
    list-style-type:none;
}

#main-content .GM-wallpaper ul a 
{
    color:#ffffff;
    display:block;
    width:88px;
    padding:0 5px;
    font-size:11px;
    text-decoration:none;
    border-left:solid 1px #4c4c4c;
    border-bottom:solid 1px #4c4c4c;
    border-right:solid 1px #4c4c4c;
}
    #main-content .GM-wallpaper ul li:hover a 
    {
        cursor:pointer;
        color:#333333;
        background-color:#ccff33;
    }

.GM-wallpaper ul li 
{
    width:100px;
}

.GM-wallpaper ul li ul 
{
    background-color:#ffffff;
	position: absolute;
	width: 100px;
	left: -999em;
}

.GM-wallpaper ul li:hover ul 
{
	left: auto;
}

#main-content .GM-wallpaper ul li 
{
    padding-bottom:0;
}

#main-content .GM-wallpaper ul li:hover ul li a
{
    background-color:#ffffff;
}

#main-content .GM-wallpaper ul li ul li a:hover 
{
    background-color:#ccff33;
}

.GM-social-media 
{
    width:324px;
    float:right;
    text-align:center;
}

.GM-facebook-feed-wrapper
{
    width:297px;
    height:122px;
    background-image:url(/images/greenmachine/facebook-feed-bg.jpg);
}

.GM-facebook-feed-content 
{
    font-size:11px;
    padding:35px;
    color:#80ca17;
}

.GM-facebook-feed-content span 
{
    color:#656565;
}

#GM-scroll-wrapper 
{
    width:269px;
    margin-top:8px;
    text-align:center;
    background-color:#ffffff;
}


/*********************************
*    Hi Low Trike Page           *
*********************************/
#page-wrapper.hi-low-trike #main-content-wrapper
{
    height:1233px;
    margin-bottom:-31px;
    background-image: url(/images/hilowtrike/hi-low-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

/****** Header ******/
#HL-header 
{
    margin:28px 0 14px 12px;   
}
    #HL-header .logo 
    {
        margin-right:14px;
    }
    #HL-header .heading 
    {
        position:relative;
        top:-18px;
    }
    #HL-header .trike-btns 
    {
        float:right;
        position:relative;
        top:8px;
    }
        #page-wrapper.hi-low-trike #main-content-wrapper #HL-header a
        {
            background-color:Transparent;
        }
            

/****** Content Box ******/
.HL-content 
{
    float:right;
    background-color:#ffffff;
    width:610px;
    padding:12px 24px;
    position:relative;
    margin-bottom:24px;
    /*background-image: url(/images/hilowtrike/line-bottom.png);
    background-repeat: no-repeat;
    background-position: left bottom;*/
}
       .HL-content.title 
    {
        margin-bottom:42px;
    }
    .line-top,
    .line-bottom 
    {
        width:658px;
        height:6px;
        background-image: url(/images/hilowtrike/line-top.png);
        background-repeat: no-repeat;
    }
    .line-top 
    {
        position:absolute;
        top:-6px;
        left:0;
    }
    .line-bottom 
    {
        position:absolute;
        bottom:-6px;
        left:0;
        background-image: url(/images/hilowtrike/line-bottom.png);
    }
    
/****** Content Stages ******/
.HL-content.stages 
{
    padding:0 24px;
}   
    
.HL-content .header 
{
    width:188px;
    height:24px;
    font-size:16px;
    color:#FCAF17;
    padding:4px 10px;
    margin-bottom:10px;
    background-image: url(/images/hilowtrike/HL-header-bg.png);
    position:absolute;
    top:-18px;
    left:-4px;
}
 
    .HL-content .header h3.HL-cholla 
    {
        font-size:16px;        
        margin:0;
    }    
    .HL-content h4 
    {
        color:#abadb0;
        font-size:42px;
        margin:10px 0 0;
    }
    .HL-content h4.sm 
    {
        color:#333333;
        font-size:16px;
        margin:0;
    }
.HL-content .HL-stage 
{
    width:186px;
    float:left;
    font-size:13px;
    margin-right:26px;
    position:relative;
    top:-14px;
}
    .HL-content .HL-stage p 
    {
        margin-top:0;
        margin-left:38px;
    }
    .HL-content .HL-stage.last 
    {
        margin-right:0;
    }
        .HL-content .stage-title-wrapper 
        {
            color:#abadb0;
            font-size:25px;
        }
            #page-wrapper .HL-content .stage-title-wrapper h5 
            {
				font-size:25px;
                margin:0;
            }
            .HL-content .stage-number 
            {
                width:35px;
                height:35px;
                float:left;
                color:#ffffff;
                font-size:26px;
                text-align:center;
                line-height:35px;
                margin-right:4px;
                background-image: url(/images/hilowtrike/dot.gif);
            }
/****** Content Features ******/
.features-snap,
.features-adjust,
.features-diagram 
{
    float:left;
    width:200px;
    padding-right:14px;
    margin-right:14px;
    margin-top:12px;
    border-right:solid 1px #aeb0b2;
}
    .features-snap 
    {
        width:140px;
        font-size:14px;
        font-weight:bold;
    }
    .features-adjust 
    {
        width:168px;
    }
    .features-diagram 
    {
        width:243px;
        border-right:0;
        padding-right:0;
        margin-right:0;
    }
            
#page-wrapper.hi-low-trike #main-content-wrapper sup 
{
    font-size:14px;
    vertical-align:top;
}

/*********************************
*    Huffy Timeline Page         *
*********************************/
/****** Timeline Content Left Styles ******/
.column-left .timeline 
{
    padding-left:20px;
}

.year-wrapper 
{
    margin-bottom:20px;
}

.year-content p.year 
{
    margin:0;
    font-size:70px;
    font-weight:bold;
    line-height:40px;
    color:#9fc5bf;        
    position:relative;
    left:-17px;
           
    }
        .era-2000-today .year-content p.year 
        {
            position:relative;
            left:-2px;
        }
        
.year-content p strong 
{
    font-size:14px;
}

.era-divider 
{
    width:646px;
    height:26px;
    padding-left:14px;
    padding-top:4px;
    background-image:url(/images/timeline/chain.jpg);
    background-repeat:no-repeat;
    clear:both;
    position:relative;
    top:0;
}
    .era-divider a 
    {
        padding-left:14px;
        background-image:url(/images/timeline/link-arrow.png);
        background-position:0 5px;
        background-repeat:no-repeat;
    }
    .era-1890-1920 .era-divider
    {
        top:-165px;
    }
    .era-1921-1950 .era-divider
    {
        top:-130px;
    }
    .era-1951-1976 .era-divider 
    {
        top:-100px;
    }
    .era-1977-1999 .era-divider 
    {
        top:-150px;
    }
    
/****** Timeline Content Left Positioning ******/
.era-1890-1920,
.era-1921-1950,
.era-1951-1976,
.era-1977-1999,
.era-2000-today,
.year-content.content-1904,
.year-wrapper.content-1913,
.year-wrapper.content-1920,
.year-content.content-1925 img,
.year-wrapper.content-1925,
.year-wrapper.content-1936,
.year-content.content-1936,
.year-wrapper.content-1940, 
.year-wrapper.content-1949,
.year-content.content-1949,
.year-wrapper.content-1962,
.year-content.content-1969,
.year-wrapper.content-1973,
.year-wrapper.content-1976,
.year-wrapper.content-1979,
.year-content.content-1987,
.year-wrapper.content-1991,
.year-content.content-1995,
.year-content.content-1999,
.year-content.content-2000,
.year-wrapper.content-2008,
.year-content.content-2010
{
    position:relative;
    top:0;
}

/****** Era 1890-1920 ******/
.year-content.content-1904
{
    top:-20px;
}
.year-wrapper.content-1913
{
    top:-100px;
}
.year-wrapper.content-1920
{
    top:-120px;
}

/****** Era 1921-1950 ******/
.era-1921-1950 
{
    top:-165px;
}
.year-wrapper.content-1925 
{
    left:30px;
}
    .year-content.content-1925 
    {
        width:170px;
        float:left;
    }
    .year-content.content-1925 img 
    {
        left:17px;
    }
.year-wrapper.content-1936 
{
    top:-20px;
}
    .year-content.content-1936 
    {
        top:28px;
    }    
.year-wrapper.content-1940 
{
    top:-65px;
}
.year-wrapper.content-1949
{
    top:-60px;
}
.year-content.content-1949 
{
    float:left;
    top:-65px;
}

/****** Era 1951-1976 ******/
.year-wrapper.content-1962 
{
    top:-85px;
}
.era-1951-1976
{
    top:-270px;
}
.year-content.content-1969 
{
    width:290px;
    float:left;
    top:-70px;
}
.year-wrapper.content-1973 
{
    top:-75px;
}
.year-wrapper.content-1976 
{
    top:-105px;
}
.year-wrapper.content-1979 
{
    top:-110px;
}

/****** Era 1977-1999 ******/
.era-1977-1999
{
    top:-340px;
}
.year-content.content-1987 
{
    top:30px;
}
.year-wrapper.content-1991 
{
    top:-20px;
}
.year-content.content-1995 
{
    float:left;
    width:290px;
    top:20px;
}
.year-content.content-1999
{
    top:-50px;
}

/****** Era 19896-2006 ******/
.era-2000-today
{
    top:-430px;
    margin-bottom:-300px;
}
.year-content.content-2000 
{
    top:40px;
}
.year-wrapper.content-2008
{
    top:-30px;
}
.year-content.content-2010 
{
    top:40px;
}

/****** Images ******/
.img-1899,
.img-1904,
.img-1913,
.img-1920,
.img-1942,
.img-1949,
.img-1969,
.img-1973,
.img-1991,
.img-1995,
.img-1999,
.img-2000,
.img-2006,
.img-2009
{
    position:relative;
    top:-40px;
}
.img-1942
{
    top:-65px;
}
.img-1949 
{
    top:-75px;
    left:-50px;
}
.img-1969 
{
    top:-80px;
}
.img-1973 
{
    top:-24px;
}
.img-1991 
{
    top:50px;
}
.img-1999 
{
    top:-170px;
}
.img-1995,
.img-2006  
{
    top:-40px;
}
.img-2000 
{
    top:-20px;
}
.img-2009 
{
    top:15px;
}

/****** Timeline Content Right Styles ******/
.column-right .timeline p
{
    text-align:left;
}

.column-right .timeline a 
{
    font-size:14px;
    font-weight:bold;
}

#page-wrapper.about.history #main-content .column-left a.img,
#page-wrapper.about.history #main-content .column-right a.img 
{
    margin-bottom:4px;
}

#main-content .column-right .timeline a.img:hover,
#main-content .column-left .era-1890-1920 a.img:hover,
#main-content .column-left .era-1921-1950 a.img:hover,
#main-content .column-left .era-1951-1976 a.img:hover,
#main-content .column-left .era-1977-1999 a.img:hover,
#main-content .column-left .era-2000-today a.img:hover
{
    background-color:Transparent;
    margin:0 0 4px;
    padding:0;
}

#page-wrapper.about.history #footer-wrapper
{
    position:absolute;
    top:6900px;
}

ul.timeline-nav
{
    margin:0;
    padding:0;
    list-style-type:none;
}
    #main-content ul.timeline-nav li 
    {
        text-align:center;
        width:136px;
        line-height:32px;
        float:left;
        margin:0 0 30px 0;
        padding:0;
        background-image:url(/images/timeline/nav-bg.jpg);
    }
        ul.timeline-nav li.two 
        {
            background-position:-136px 0;
        }
        ul.timeline-nav li.three 
        {
            background-position:-272px 0;
        }
        ul.timeline-nav li.four 
        {
            background-position:-408px 0;
        }
        ul.timeline-nav li.five 
        {
            background-position:-544px 0;
        }
        
#main-content ul.timeline-nav li a 
{
    color:#ffffff;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    display:block;
}
    #main-content ul.timeline-nav li a:hover
    {
        background-color:Transparent;
        color:#ccff33;
    }
