/*  =Global Typography
-------------------------------------------------------------- */

/*  =Headings
-------------------------------------------------------------- */
h2, h3 { font-family: helvetica, arial, sans-serif; }
h1, h2, h3, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5 { color: #000; }
h3, h5, h6 { margin-bottom: 5px; }
h4, h2 { margin-bottom: 10px; }

h1 { font-size: 24px; }

    h1.big { font-size: 30px;}

h6, p, li { color: #555555; }

h4 span { font-size: 11px; }

/*  =Common Fonts/Colors
-------------------------------------------------------------- */

    /*  =Sizes
    -------------------------------------------------------------- */
    #shoe-options select, #header ul#topUtil li,
    #callOutBox div p, #callOutBox div a, li div.wide,
    li div.info, #promoBox p, .viewAll a, ul.productList li a,
    #promotional-message, #footer ul li a, li div.message,
    #copyright, .sub-section p, .sub-section ul li, form span.or, p.note {
        font-size: 11px;
    }

    #content a, ul.bullets li span, ul.productList p.price,
    p.refine, h3, h2 span, #view-options, #browseBox .inner p, #browseBox .inner a {
        font-size: 12px;
    }

    #mainPromoBox p, #mainPromoBox ul li a, .right-col .section p,
    .right-col .section a, .right-col .section ul li a,
    #nav ul li, #nav ul li a, ul.bullets li,  #pricing, #searchBox input,
    #emailInput input, .storeLocate input, ol, #question-box a, #browseBox .inner h3  {
        font-size: 14px;
    }

    h2.cufon, h2.trade, h2.event-name, #leftPane h1, #leftPane h2 { font-size: 18px; }


    .container p, .container p a { font-size: 14px !important; }

    /*  =Styles
    -------------------------------------------------------------- */
    #mainPromoBox h1, #mainPromoBox .storeLocate .copy h2,
    .viewAll a, .callOutBox div h2, #advice strong, h2, h2.caps,
    #promoBox h1, .right-col .section h1, h2.cufon, #browseBox .inner h3 {
        text-transform: uppercase;
    }

    #header ul#topUtil li a, #header ul#topUtil li.welcome, .viewAll a, .callOutBox div a, .refinements span, ul.productList li a,
    ul.productList p.price, .pagination a.active, #alternate-view h4 strong,
    li div.message, p.refine, #nav ul li a, ol, #promoBox a, .sub-section span, #browseBox .inner h3 {
        font-weight: bold;
    }

    h3 span.optional {
        font-style: italic;
        font-weight: normal;
    }
    
    /*  =Colors 
    -------------------------------------------------------------- */
    #mainPromoBox .storeLocate .copy h2, #mainPromoBox p { color: #959595; }

    .right-col .section h1, #leftPane ul li.active a, #leftPane h2,
    .right-col .section p, #nav ul li a span, #nav ul li a,
    #mainPromoBox h1 {
        color: #fff;
    }

    .right-col .section a, .right-col .section ul li a, ul.productList li p.product a,
    .options a.active, .pagination a.active, .display a.active, #alternate-view h4 strong, ol, #question-box a,
    .refinements ul li {
        color: #000;
    }

    .callOutBox div p, ul.productList p.price, #footer ul li a,
    #copyright, #signUpBox div p, #header ul#topUtil li.welcome, #promoBox p,
    h3 span.optional{
        color: #898989;
    }

    .option div p { 
        color: #fff;
        line-height: 16px;
        font-size: 12px
    }



/*  =Header
-------------------------------------------------------------- */
#header ul#topUtil li, #header ul#topUtil li a {
    color: #a1a1a1;
    font-weight: bold;
}

#header ul#topUtil li a { margin-right: 10px;  }

#header ul#topUtil li.welcome { margin-right: 15px; }

#promoBox h1 {
    font-size: 18px;
    padding-top: 3px;
    margin-right: 17px;
}

#promoBox p { width: 210px; }

#searchBox input, #emailInput input, .storeLocate input { color: #a4a4a4; }

/*  =Navigation
-------------------------------------------------------------- */
#nav ul li a { font-family: helvetica, arial, sans-serif; }

    #nav ul li.active span { color: #e0812a; }

/*  =Home
-------------------------------------------------------------- */
#mainPromoBox h1 {
    font-size: 32px;
    line-height: 42px;
}

#mainPromoBox ul li a {color: #e98933;}

#mainPromoBox .storeLocate .copy h1 {
    font-size: 16px;
    line-height: 16px;
    position: static;
}

#mainPromoBox .storeLocate .copy h2 {
    font-size: 10px;
    font-weight: normal;
}

.right-col .section p {margin: 5px 0;}

/*  =Main Content
-------------------------------------------------------------- */

ul.bullets li { color:#e38a3a; }

    ul.bullets li span { color: #555555; }

#question-box h2 {
    color:#e1812b;
    font-size: 20px;
}

#image-meta #active-color, #pricing .sale, e { color: #f79237; }

#promotional-message, p#view-options  { color: #979797; }

#lot, #advice strong { color: #333; }

#description, #advice { color: #666; }

li div.message {
    color:#D90F18;
    margin-bottom: 10px;
}

p.refine {
    color: #fff;
    padding: 20px 0 0 20px;
}

div.review span { font-style: italic; }

p.head, .sub-section p, .sub-section ul li {
    font-size: 14px;
    color: #555;
}

/*  =Forms
-------------------------------------------------------------- */
span.required {
    color: #e0812a;
    font-size: 14px;
}

/*  =Footer
-------------------------------------------------------------- */
#footer h2 { color:#666; }