/* Order of styles is as follows. Use the codes to search for categories */

    /*
    [DS001] - colors        //  border colors, small background colors, general color styling
    [DS002] - fonts         //  text
    [DS003] - navigation    //  navigation
    [DS004] - sub-nav		//  side-navigation
    [DS005] - links         //  main page links
    [DS006] - bkgs          //  sitewide backgrounds
    [DS007] - misc          //  miscellaneous
    [DS008] - brwse featrs  //  font sizing, etc for browse feature titles
    [DS009] - store styles  //  styles for products, categories
    */


    /* colors  [DS001] 										--------------------------------------------- */

    .nav-side ul li, .main-graphic, .nav ul li .menu ul
    {
        border-color:#dddddd;
    }



    /* fonts  [DS002] 										--------------------------------------------- */

    body
    {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        color: #555555;
    }

    strong
    {
        font-weight:bold;
    }

    em
    {
        font-style:italic;
    }

    h1, h2, h3, h4, h5, h6, .category-product-title a, h3.related-title, .news-title, .category-items-title a,
    .related-title a, .alternate-product-Title a, .relatedProductTitle a, .category-product-title a, .news-title, .product-information h1
    {
        font-family: Arial, Helvetica, sans-serif;
        color:#2F2E26
    }

    h1, h2, h3, h4, h5, h6
    {
        margin-top:15px;
    }

    h1
    {
        font-size: 25px;
        letter-spacing: -0.5px;
        margin-bottom:7px;
        font-weight:normal;
    }

    h2
    {
        font-size: 21px;
        font-weight: normal;
        margin-bottom: 5px;
    }

    h3
    {
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 0;
    }

    h4
    {
        font-size: 17px;
        font-weight: normal;
        margin-bottom: 0;
        font-style:italic
    }

    h5
    {
        font-size: 15px;
        margin-bottom: 0;
        font-weight:bold;
    }

    h6
    {
        font-size:12px;
        font-weight:bold;
        margin:0;
        text-transform:uppercase;
    }

    ol li
    {
        font-style:italic;
    }

    blockquote
    {
        border-left: 3px solid #E5E5E5;
        color: #a5a5a5;
        font-size: 17px;
        padding: 0 0 0 10px;
    }



    /* navigation  [DS003] 										--------------------------------------------- */

    .nav
    {
        background:#676767;
    }

    .navigation-first
    {

    }

    /* First level of main navigation */
    .nav .flyout ul li a
    {
        color: #E8E8E8;
        font-size: 12px;
        font-weight: normal;
        padding: 6px 10px;
        text-decoration: none;
    }

    .nav .flyout ul li a:hover
    {

    }

    .nav .flyout ul li.selected a, .nav .flyout ul li.selected a:hover
    {

    }

    .nav .flyout ul li
    {
        background: none repeat scroll 0 0 transparent;
        line-height: 31px;
        margin: 0;
        padding: 0;
    }

    .nav .flyout ul li:hover
    {
        background:#5a5a57;
    }

    .nav .flyout ul li.selected
    {
        background-color: #4a4a47;
    }



    /* "To secondary, and beyond!" level of main navigation */
    .nav .flyout ul ul
    {
        -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.2);
        background: none repeat scroll 0 0 white;
        border: 1px solid #D7DDE1;
        padding: 0;
    }

    .nav .flyout ul li ul li a
    {
        color: #454545;
        font-size: 11px;
        font-weight: normal;
        line-height: 16px;
        padding: 7px 25px 7px 12px;
        text-decoration: none;
    }

    .nav .flyout ul li ul li a:hover
    {
        background:#e1e1e1;
    }

    .nav .flyout ul li ul li.selected a
    {
        color:#000;
    }

    .nav .flyout ul li ul li.selected, .nav .flyout ul li ul li.selected:hover
    {
        background:#e1e1e1;
    }



    /* sub-nav  [DS004]									-------------------------------------------------- */

    a.navigation-second
    {
        background:#f1f1f1;
        color: #555555;
        font-size: 11px;
        line-height: 16px;
        margin: 2px 0;
        padding: 10px 12px;
        text-decoration: none;
    }

    a.navigation-second-selected, a.navigation-second-selected:hover
    {
        background:#e5e5e5;
        color: #000;
        font-size: 11px;
        font-weight: bold;
        line-height: 16px;
        margin: 2px 0;
        padding: 10px 12px;
        text-decoration: none;
    }

    a.navigation-second:hover
    {
        color:#000;
    }


    /* third-level navigation */
    a.navigation-third
    {
        background: none repeat scroll 0 0 #f9f9f9;
        font-size: 11px;
        padding: 7px 10px 8px 25px;
        line-height:14px;
        color:#333333;
    }

    a.navigation-third-selected, a.navigation-third-selected:hover
    {
        background: none repeat scroll 0 0 #f9f9f9;
        font-size: 11px;
        padding: 7px 10px 8px 25px;
        line-height:14px;
        color:#000;
    }

    a.navigation-third:hover
    {
        color:#787878;
    }


    /* fourth-level navigation */
    a.navigation-fourth
    {
        color: #666666;
        font-size: 11px;
        line-height: 14px;
        padding: 8px 0 5px 40px;
    }

    a.navigation-fourth-selected, a.navigation-fourth-selected:hover
    {
        color: #000;
        font-size: 11px;
        line-height: 14px;
        padding: 8px 0 5px 40px;
    }

    a.navigation-fourth:hover
    {
        color:#444444;
    }


    /* fifth-level navigation */
    a.navigation-fifth
    {
        color: #888888;
        font-size: 11px;
        line-height: 14px;
        padding: 5px 0 5px 55px;
    }

    a.navigation-fifth-selected, a.navigation-fifth-selected:hover
    {
        background: none repeat scroll 0 0 #e5e5e5;
        color: #000;
        font-size: 11px;
        line-height: 14px;
        padding: 5px 0 5px 55px;
    }

    a.navigation-fifth:hover
    {
        color:#656565;
    }



    /* links  [DS005] 										--------------------------------------------- */

    a
    {
        color:#4E75A0;
        text-decoration:none;
    }

    #editor-content a
    {
        text-decoration:underline;
    }

    a:hover
    {
        color:#656565;
        text-decoration:none;
    }

    #account-mini a
    {
        margin:0 3px;
        text-transform:capitalize;
    }

    #footer a
    {

    }

    #footer a:hover
    {

    }



    /* bkgs  [DS006] 										--------------------------------------------- */

    html
    {
        background:#f1f1f1;
    }

    #layout-wrapper
    {
        background:#faf9f6;
    }

    #layout-header
    {
        background:url(../../images/bkg_layout_header.gif) repeat-x scroll left top #F9F9F9;
    }

    #layout-body
    {
        background: url("../../images/custom/background.png") no-repeat scroll center top #FFFFFF;
    }

    #layout-footer
    {
        background:#f1f1f1;
    }



    /* misc  [DS007] 										--------------------------------------------- */

    .site-header
    {
        float: left;
        width: auto;
        margin:55px 0 0;
    }

    .site-header img
    {
        margin-bottom:20px;
    }

    .errorText
    /* Error text for input fields */
    {
        margin:0 0 0 10px;
        color:red;
    }

    .redTextSm.member-messages
    {
        color:red;
    }

    .required
    /* Asterisk for required fields */
    {
        color:red;
    }

    #checkout_message
    {
        float:left;
        width:100%;
        margin:0 0 15px 0;
        color:red;
        font-weight:bold;
    }

    #checkout_message li
    {
        border:1px solid red;
        background:mistyrose;
        width:99%;
        float:left;
        padding:4px;
    }

    /* nav-alt */
    .nav-alt a
    {
        color:#f7f6f3;
    }

    .nav-alt a:hover
    {
        color:#e3e2df;
    }



    /* breadcrumb */
    #breadcrumb a
    {
        font-size:9px;
        color:#545454;
    }

    #breadcrumb a.breadcrumb
    {
        float:left;
    }

    #breadcrumb a:hover
    {
        color:#111;
    }



    /* brwse featrs  [DS008] 								--------------------------------------------- */

    #headline-content h2
    {
        color: #F1F1F1;
    }

    #headline-content p
    {
        color:#c1c1c1;
    }

    #headline-content .related-link a
    {
        color:#76756d;
        text-decoration:underline;
        font-size:10px;
    }

    .relation-large .related-title
    {
        background: none repeat scroll 0 0 transparent;
        font-size: 19px;
        font-weight: normal;
    }

    .relation-medium .related-title
    {
        font-size: 13px;
        font-weight: bold;
    }

    .relation-small h3.related-title
    {
        background: none repeat scroll 0 0 transparent;
        font-size: 13px;
        font-weight: bold;
    }

    .relation-list .related-title a
    {
        font-size: 14px;
        font-weight: normal;
        text-decoration: underline !important;
    }

    .related-link a
    {
        color:#76756d;
        text-decoration:underline;
        font-size:10px;
    }



    /* store styles  [DS009] 								--------------------------------------------- */

    .product .product-price
    {
        background: none repeat scroll 0 0 #EAE7E7;
        font-family: 'CartoGothicStdBook',Arial,Helvetica,sans-serif;
        font-size: 15px;
    }

    .product .product-price #total_display
    {
        background: none repeat scroll 0 0 transparent;
        color: #323232;
        font-size: 20px;
        font-weight: bold;
    }

    .product .product-price #reg_display
    {
        background: none repeat scroll 0 0 transparent;
        color: #545454;
        font-size: 15px;
        font-weight: bold;
        color:red;
    }

    .store-minicart
    {
        background:#e4e2df;
    }

    .store-minicart .relatedProducttitle
    {
        background: none repeat scroll 0 0 transparent;
        color: #555555;
        font-family: 'CartoGothicStdBook',Arial,Helvetica,sans-serif;
        font-size: 14px;
        font-weight: bold;
    }