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.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;
}


/*********************************
*    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
{
    /*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
{
    /*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
{
    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
{
    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 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
{
    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
{
    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;   
}


/*********************************
*    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: 999999;
}

#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: 999999;
    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 input.search-button 
{
    position: relative;
    top: 0;   
}

/*********************************
*    HEADER                      *
*********************************/
#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: 9999999;
    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;
}


h1.page-title 
{
    font-size: 60px;
    margin: 0;
    color: #000000;
    line-height: 60px;
}

h1.page-title-image
{
    margin: 0;
    display: block;
    text-indent: -999em;
}

h2.interior-header 
{
    font-size: 90px;
    margin: 0;
    color: #FFFFFF;
}

h2.single-column-interior-header 
{
    font-size: 32px;
    margin: 0;
    color: #e1f844;
}

h2.single-column-interior-header-dark
{
    font-size: 32px;
    margin: 0;
    color: #000000;
}

h2.single-column-interior-header-image 
{
    display: block;
    text-indent: -999em;
    position: relative;
    left: -36px;
    top: 10px;
    margin: 0;
}

h2.page-subtitle 
{
    font-size: 24px;
    margin: 0;
    color: #FFFFFF;
}

h2.product-title 
{
    /*width: 430px;*/
    font-size: 40px;
    margin: 0;
    color: #000000;
}

h3.cholla 
{
    font-size: 20px;
    margin: 0;
    color: #e1f844;
}

h3.callout-image-header 
{
    display: block;
    text-indent: -999em;
    position: relative;
    top: -2px;
    margin: 0;
}

h4 
{
    font-size:14px;
    margin:30px 0 -10px 0;
}

h5 
{
    font-size:14px;
    margin:0 0 -10px 0;
}

h4 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;
    outline: 0;
}

#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 h2,
#regular-page-header div.subtitle h2 
{
    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%;
}

#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 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;
    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;
}

h3.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;
}

#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 h3 
{
    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;
    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;
 }
 
 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 18px 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;
}

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.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               *
*********************************/

h4 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: 487px;
    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;
    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 h3.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;
}


/********************************
*    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
{
    width:39px;
    float:left;
}

.numbered-list .text a 
{
    font-size:14px;
}

.numbered-list .text
{
    width:642px;
    float:left;
}

.numbered-list .text h4 
{
    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;
}

.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;
    xfont-size:15px;
	font-size:14px;
    margin:0 15px;
    padding:0;
}

table.form tr td div 
{
    xwidth:222px;
	width:150px;
    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;
    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;
    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: 960px;
    padding-top: 10px;
    margin: -4px auto 0 auto;
    /*background-image:url(../images/template/footer-border.jpg);
    background-position:left top;
    background-repeat:no-repeat;*/
    clear: both;
}

#home-callout-scroll-window 
{
    width: 960px;
    height: 176px;
    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;
    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;
}

/*********************************
*    Contact Us   Styles        *
*********************************/
img.contact-bike  
{
    float:left;
    margin:25px 30px 0 10px;
    position: relative;
    top: 33px;
}

p.contact-us span 
{
    font-size:18px;
    font-weight:bold;
}

p.contact-us 
{
    font-size:14px;
    margin-top:70px;
}

/************************************************
* styles added 6/17/09 for registration form *
*************************************************/
.Required{
xcolor:#900;
font-size:12px;
}
table.form input 
{
    width:200px;
}
table.form input[type=radio]{
width:auto;	
}