/** Styles in this sheet will NOT be available in Content Editor 
*** See ContentStyles.css for Content Editor styles 
*** Do not include font/text related styles in this sheet, use the ContentStyles css file instead
**/
/**
 * dark blue #004578
 * dark red #990000
**/

/* Start General Styles */
body, html
{
    text-align:center; /* centering site 1/3 */
    margin:0;
    padding: 0;
    background: #0D6492 url(../images/bodybg.jpg) repeat-x;
    /*DO NOT include font information here, see ContentStyles.css*/
}
.asterisk{ color: #FF0000;}
.form_background	{background-color:#f5f5f5; color:#666666; padding:0px;}
.form_background_spaced	{background-color:#f5f5f5; color:#666666; padding:5px 10px 5px 10px; margin:5px 0px 5px 0px; }
.left_pad { padding-left:5px;}
/* Pricing classes used everywhere but product page (department pages, search page, etc) */
.MSRPPriceA          {font-size:10px; font-weight:bold; color:#989898; display:block;}
.ListPricewSaleA     {font-size:9px; font-weight:normal; color:#5C5C5C; display:block; text-decoration:line-through;}
.ListPricewoSaleA    {font-size:10px; font-weight:bold; color:#989898; display:block;}
.SalePriceA          {font-size:10px; font-weight:bold; color:#5C5C5C; display:block;}

.ListPricewSaleB     {text-decoration:line-through;}

.MSRPPriceC          {font-size:10px; font-weight:bold; color:#989898; display:inline;}
.ListPricewSaleC     {font-size:9px; font-weight:normal; color:#5C5C5C; display:inline; text-decoration:line-through;}
.ListPricewoSaleC    {font-size:10px; font-weight:bold; color:#989898; display:inline;}
.SalePriceC          {font-size:10px; font-weight:bold; color:#5C5C5C; display:inline;}


/* Start Table Styles */
.TableStyle,
.dataFormTable     {color:#000000; border-width:0px;}
.FullWidth  {width:100%}
.TableStyle tr th, 
.TableStyle tr td,
.dataFormTable tr th, 
.dataFormTable tr td  { padding:3px; border-width:0px;}
tr.AlternateRow td   {background-color:#eeeeee;}
.dataFormTable tr th    {text-align:right; font-weight:normal;}
.thwidths th { width:115px; }
.dataFormTable select {width:182px;}
.dataFormRow {margin:3px 0px 3px 0px;}
.bordered, 
.borderedDiv {border:1px solid #cccccc;}

.cartBottomContainer {background-color:#f3f1e2; padding:0px 0px 35px 0px;}

.totalTable  {margin:0px 0px 5px 0px;}
.totalTable tr th,
.totalTable tr td  {border-width:0px; padding:3px 5px 3px 5px; border-bottom:1px solid #cccccc; font-size:11px;}
.totalTable tr th {border-right:1px solid #cccccc; text-align:right; padding-left:12px;}
.totalTable tr td   {color:#000000;}
/* End Table Styles */

.smaller_half_padded {width:399px; padding:10px 10px 10px 10px;}
.smaller_half { width: 399px; }

.half			{width:460px;}
.third			{width:399px;}
.left_half      {width:400px; float:left;}
.right_half     {width:400px; float:right;}
.left_quarter   {width:200px; float:left;}
.right_quarter  {width:200px; float:right;}
.shipmethdd select{/*	width:275px;*/}
.paypal img{ cursor: pointer;}
.hiddenDiv { display: none; visibility:hidden;}
/* End General Styles */

/* Start General Layout Styles */
#container
{
    width: 1009px;
    margin: 0 auto;
    text-align: center;
    background: url(../images/container_bg.gif) repeat-y;
    background-position: 0 100px;
    clear: left;
}
#wrapper
{
    margin: 0 auto; /* centering site 2/3 */
    text-align:left; /* centering site 3/3 */
    /*width: 1000px;*/ /* Overall site width */
}

#main_container
{
    float: left;
    width: 623px;
    margin-left: 189px; /* Pushes this column over by same width as what will be first col to appear before this col */
    margin-right: 3px;
    /*background-color:Gray; Background color of main content area center */
    /*padding:5px;  causes column to stretch */
     
}
#main_container2
{
    float: left;
    width: 985px;
    padding-left: 5px;
}
#main_container3
{
    float: left;
    width: 795px;
    padding: 0 7px;
}
#main_container3 #main_content
{
    padding: 0;
}
#main_content
{
    padding: 0 5px;
}
* html #main_container
{
    display: inline;
}
#main_content,#menu_content,#extra_content
{
}

#main_content ul li
{
    list-style-type: disc;
    margin: 1px 0px 1px 20px;
}

#menu_container
{
    float: left;
    width: 186px;
    margin-left: -814px; /* Makes this column show before first block even though first block is first in code */
     /*padding:5px;  causes column to stretch */
     padding-left: 6px;
}


#extra_container
{
    float: left;
    width: 180px;
}


/* Start Product Page Styles */
.ProductName {font-size: 16px; font-weight: bold;}
#divAvailability{ padding-left: 25px; }
/* End Product Page Styles */

/* End General Layout Styles */

/* Start Header classes */
#HeaderTop
{
    margin: 0 auto;
    width: 1000px;  
    padding: 8px 0 3px 0;
    background: #ffffff url(../images/headertop_bg.jpg) repeat-x;
}
    #HeaderTopLeft{}
    #HeaderTopCenter{}
    #HeaderTopCenter p{ margin: 0; }
    #HeaderTopRight{}
    
#InfoNav    /* this is actually outside of the header div, but I will keep this in the header section */
{
    clear: both;
    width: 1000px;
    margin: 0 auto;
    height: 24px;
    border-top: 2px solid #797979;
}
    #InfoNav .link-level-1:link, #InfoNav .link-level-1:visited
    {
        display: block;
        height: 25px !important;
        font-size: 0px;
        color: #FFFFFF;
    }
    #InfoNav .link-level-1:active, #InfoNav .link-level-1:hover
    {
        display: block;
        height: 25px !important;
        font-size: 0px;
        color: #FFFFFF;
    }
    
    #InfoNav a.link-level-1-1    /* NOC.com */
    {
        width: 120px;   
        background: url(../images/topnav_noc.gif) no-repeat;
        background-position: -4px 0;
    }
    #InfoNav a.link-level-1-2{   /* Whitewater Rafting */
        width: 218px;
        background: url(../images/topnav_whitewater.gif) no-repeat;
    }
    #InfoNav a.link-level-1-3{   /* Gear Shop */
         width: 135px;
         background: url(../images/topnav_store.gif) no-repeat;
    }
    #InfoNav a.link-level-1-4{   /* Adventures */
         width: 158px;
         background: url(../images/topnav_adventures.gif) no-repeat;
    }
    #InfoNav a.link-level-1-5{   /* NOC's Great Outpost */
        width: 213px;
        background: url(../images/topnav_expert.gif) no-repeat;
    }
    #InfoNav a.link-level-1-6{   /* Outdoor School */
         width: 156px;
         background: url(../images/topnav_stewardship.gif) no-repeat;
    }
#header
{
    
}
#header_image{ }
#header_image p{ margin: 0; } 
#MainNavigation
{
    clear: both;
}
    #MainNavigation ul.level-1  /* outer UL */
    {
        background: url(../images/rednav_bg.png) no-repeat;
        background-position: -7px 0;
        width: 1000px;
        height: 27px;
        margin: 0 auto;
    }
    #MainNavigation ul li.level-1
    {
        background: transparent;
        padding: 6px 20px 0;
    }
    #MainNavigation ul li.level-1:hover
    {
        background: #FFFFFF;
        display: block;
        height: 25px !important;
        color: #990000;
    }
        
        #MainNavigation div.AspNet-Menu-Horizontal ul.AspNet-Menu li.level-1 /* the first LI in the nav "Clothing" */
        {
            height: 21px !important;
            display: block;
        }
        #MainNavigation div.AspNet-Menu-Horizontal ul.AspNet-Menu li.level-1-1 /* the first LI in the nav "Clothing" */
        {
            margin-left: 20px;
        }
    #MainNavigation ul li.level-1 .link-level-1
    {
        color: #FFFFFF;
    }
    #MainNavigation ul li.level-1 .link-level-1:hover
    {
        color: #990000;
        font-weight: bold;
    }
    #MainNavigation .AspNet-Menu-Link.link-level-2
    {
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        width: 12em;
    }
    #MainNavigation .AspNet-Menu-Link.link-level-3
    {
       color: #000000;
    }
    #MainNavigation .AspNet-Menu-Link.link-level-3:hover
    {
       font-weight: normal !important;
       color: #000000;
    }
    
     #MainNavigation ul.AspNet-Menu li.level-1-1 ul{ left: -1px; width: 612px; }   /* clothing */
     #MainNavigation ul.AspNet-Menu li.level-1-2 ul{ left: -114px; width: 457px; }   /* footwear */
     #MainNavigation ul.AspNet-Menu li.level-1-3 ul{ left: -213px;  }   /* paddle sports */
     #MainNavigation ul.AspNet-Menu li.level-1-4 ul{ left: -283px; }   /* camping & hiking */
     #MainNavigation ul.AspNet-Menu li.level-1-5 ul{ left: -319px; width: 618px; }   /* biking */
     #MainNavigation ul.AspNet-Menu li.level-1-6 ul{ left: -395px; }   /* brands */
     #MainNavigation ul.AspNet-Menu li.level-1-7 ul{ left: -440px; width: 760px; }   /* more */
     #MainNavigation ul.AspNet-Menu li.level-1-8 ul{ left: -1px; width: 138px; }   /* sale */
     
    /* Add following styles to make canvas */
    
    #MainNavigation ul.AspNet-Menu ul li.level-2
    {
        display: block;
        text-align: left;
        padding: 0 8px 5px 0;
    }
   
    #MainNavigation ul.AspNet-Menu li ul
    {
        width: 800px;
        top: 26px;
        border-left: 1px solid #990000;
        border-right: 1px solid #990000;
        border-bottom: 1px solid #990000;
        background: #FFFFFF;
        padding: 14px 14px 5px 14px;
        z-index: 9999;
    }
   
    #MainNavigation ul.AspNet-Menu li ul li ul
    {
        display: block !important;
        width: 12em !important;
        border: none !important;
        left: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        padding: 3px 0 0 0 !important;
        position: relative;
        background: #FFFFFF;
    }
    
    #MainNavigation ul.AspNet-Menu li li
    {
        text-align: left;
        padding: 5px 0;
    }
    .link-level-3
    {
        width: 12em;
    }
    
#promo-wrapper
{
     width: 1000px;
     margin: 0 auto;
}
#header_content
{
    /*border-left: 1px solid #00457B;*/
    height: 36px;
}
#header_login
{
    text-align: right;
    color: #686868;
    font-weight: bold;
    font-size: 12px;
    padding: 9px 8px 0 0;
}
#header_login a
{
    color: #686868;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}
#header_login #headerphone{ padding-bottom: 5px; }
#header_promo
{
   
}
#header_promo p{ margin: 0; padding: 0; }
#header_shopby
{
    background: transparent url(../images/shopbyblue_bg.gif) no-repeat;
    background-position: 5px 0;
    height: 33px;
    margin-left: 1px;
    padding: 14px 13px 0;
    margin-top: 5px;
}
#Tagline    {clear:both;}
#Welcome    {float:right; width:400px; text-align:right;}

#searchdiv{ padding: 7px 0 5px 5px; }
.searchinput
{
    border-left: 1px solid #D6D6D6;   
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    color: #686868;
    font-weight: bold;
    padding: 6px 3px 4px 6px;
    width: 250px;
    height: 14px;
    font-family: Arial, sans-serif;
    font-size: 11px;
}
.searchbtn{}

.brandsDropDown
{
    color: #666666;
    font-weight: bold;
    font-size: 13px;
    border: none;
    margin-left: 15px;
    width: 250px;
}
/* End Header classes */

/* Left Nav classes */
#menu_content
{
    width: 175px;
}
.module-outer, .outer-module
{
    width: 177px;
}
.module-body
{
    border: 1px solid #D6D6D6;
    padding: 5px;
}
.module-title
{
    background: transparent url(../images/module_title_bg.gif) no-repeat;
    height: 20px;
    padding: 7px 0 0 5px;
    
}

    /* left nav menu */
    #menu_content a:link, #menu_content a:visited
    {
        font-weight: bold;
        color: #000000;
        font-size: 12px;
        padding: 2px 0;
        display: block;
    }

/* End Left Nav */

/* Right Nav classes */

    /* follow-me basket */
    .followContainer
    {
        margin-bottom: 15px;
    }
    .followItemTbl
    {
    }
    .followItemTbl td
    {
        font-size: 10px;
    }
    .followItemTbl .prodimg
    {
        border-right: 2px solid #D6D6D6;
    }
    .followLink
    {
    }
    .followItemTbl .shaded td
    {
        background: #D6D6D6;
    }
    .followContainer .editbtn
    {
        text-decoration: none;
        font-size: 11px;
        font-weight: bold;
        color: #004578;
        text-transform: capitalize;
        text-align: right;
        padding-left: 13px;
    }
    .followContainer .module-body
    {
        padding: 0px;
    }
    .followimgborder
    {
        width: 2px;
       background: #D6D6D6;
    }
    .followpadding
    {
        padding: 5px;
    }
    .followpadding2
    {
        padding: 2px 5px 5px 5px;
    }
    .followContainer .followLink
    {
        color: #000000;
        text-decoration: none;
    }
    .followContainer .border-top
    {
        border-top: 1px solid #D6D6D6;
    }
    /* recently viewed */
    .rv-div{ margin-bottom: 15px; }
    .rvTbl{ width: 100%; }
    .rvTbl td{ font-size: 10px; }
    .rvTbl .prodimg
    {
        border-right: 2px solid #e2e1e1;
    }
    .rvTbl .shaded td
    {
        background: #e2e1e1;
    }
    .rv-div .module-body
    {
        padding: 0px;
    }
    /* noc news section */
    .nocnews
    {
        font-size: 10px;
    }
    .nocnews p
    {
        margin-top: 0px;
        padding: 2px 5px;
    }
    .nocnews a
    {
        color: #002554;
        font-weight: bold;
        font-size: 12px;
    }
    /* promos section */
    .right-promo
    {
        width: 180px;
        overflow: hidden;
    }
    .promo1
    {
    }
    .promo2
    {
    }
    .promo3
    {
    }
/* End Right Nav */

/* Start Footer classes */
#footer
{
    clear: both;
    background: #FFFFFF;
    padding-top: 15px;
}

#footer-links
{
    background: #FFE99D;
    padding: 7px 0 5px;
    text-align: center;
    height: 17px;
}
    #footer-links ul
    {
        width: 961px;
        margin: 0 auto;
    }
    #footer-links ul li
    {
        font-weight: bold;
        color: #002554;
        padding: 0 0 0 14px;
    }
    #footer-links ul li a
    {
        font-weight: bold;
        color: #002554;
        padding-left: 14px;
        border-left: 2px solid #002554;
    }
    #footer-links ul li.level-1-1
    {
        padding: 0px !important;
    }
    #footer-links li.level-1-1 a.link-level-1-1
    {
        padding: 0px !important;
        border-left: none !important;
    }
#footer-logo
{
    text-align: center;
    padding-top: 10px;
}
#footer-seo
{
    padding: 20px 15px 0;
}
    #footer-seo ul{  }
    #footer-seo ul li{ float: left; width: 120px; margin-left: 0; }
    #footer-seo  li a{ font-size: 9px; text-transform: uppercase; font-weight: bold; }
    #footer-seo  li li a{ font-size: 9px; text-transform: uppercase; font-weight: normal; color:#648ABD; }
    #footer-seo  li li a:hover{ font-size: 9px; text-transform: uppercase; font-weight: normal; color:#648ABD; }
#footer-copyright
{
    font-weight: bold;
    text-transform: uppercase;
    margin: 30px 0 0 0;
    font-size: 9px;
    text-align: center;
}
    #footer-copyright a
    {
        font-size: 9px;
        font-weight: bold;
        text-decoration: none;   
        color: #000000; 
    }
    #footer-copyright p{ margin: 0; }
#footer-brands
{
    text-align: center;
    padding: 40px 0 5px 0;
}
    #footer-brands a{ padding: 0 2px; }
    #footer-brands p{ margin: 0; }
#footer_content a:link,
#footer_content a:visited
{
    color:#ffffff;
}
#footer_content a:hover,
#footer_content a:active
{
    color:#648ABD;
}
/* End Footer classes */

/* Start LeftNav */
.LeftNav
{
    
}
.LeftNav .TitleText
{
    color:White;
}

.AspNet-TreeView li 
{
    margin:0px 0px 0px 6px;
}
span.AspNet-TreeView-NonLink
{
    display: block;
    border-top: 1px solid #cccccc;
    width: 100%;
    margin: 5px 0;
}
.AspNet-TreeView li.AspNet-TreeView-ParentSelected
{
    /*margin:0px 0px 0px 20px;*/
}

.AspNet-TreeView a,
.AspNet-TreeView-Selected ul li a
{
    color:#648ABD;
    text-decoration: none;
}

.AspNet-TreeView a:hover,
.AspNet-TreeView-Selected a
{
    color:White;
}
/* End LeftNav*/

/* Start Homepage / Default.aspx */
#main_content p
{
    margin: 0;
}
.homepagepromo
{
    margin-bottom: 10px;
}
.featured-outer
{
    width: 615px;
}
.featured-title
{
    background: url(../images/related_title_bg.gif) no-repeat;
    height: 20px;
    padding: 7px 0 0 5px;
}
.featured-products
{
    margin-left: 2px;
    width: 611px;
}
.featured-products td
{
    border: 1px solid #D6D6D6;
}
.featured-products td.noborder
{
    border: none;
}
.featured-products .featured-div
{
    text-align: left;
    font-size: 10px; 
    padding: 8px;
    width: 135px;
}
.featured-div .deptlinkP{ font-weight: bold; color: #000000; text-decoration: none; font-size: 10px; }
.featured-div .featured-img{ text-align: center; }
.featured-div .featured-img img{ width: 100px; height: 100px; }
.featured-div .MSRPPrice          {font-size:10px; font-weight:bold; color:#004578; text-align: left; display: inline; }
.featured-div .ListPricewSale     {font-size:10px; font-weight:normal; color:#990000; text-decoration:line-through; text-align: left; display: inline; }
.featured-div .ListPricewoSale    {font-size:10px; font-weight:bold; color:#004578; text-align: left; display: inline; }
.featured-div .SalePrice          {font-size:10px; font-weight:bold; color:#004578; text-align: left; display: inline; padding-left: 3px; }

/* End Homepage / Default.aspx */

/* Start Product.aspx Product page */
.SitePathContainer
{
    clear: both;
}
.prod-container
{
}
.prod-container .prod-img-outer
{
    background: url(../images/prodimg_bg.gif) no-repeat;
    width: 377px;
    height: 372px;
    text-align: center;
    padding-top: 8px;
}
.prod-img-outer .prodimg
{
    
}
.prod-container .prod-right-outer
{
    width: 227px;
}
.prod-container .prod-right-outer .prod-title
{
    background: url(../images/prod_title_bg.gif) no-repeat;
    background-position: center top;
    padding-top: 9px;
}
.prod-container .prod-right-outer .prod-title h1
{
    margin: 0;
    color: #004578;
    background: #D6D7D6;
    padding: 0 9px 9px;
    line-height: 107%;
}
.prod-right-body
{
    border-left: 1px solid #D6D7D6;
    border-right: 1px solid #D6D7D6;
    padding: 8px 8px 0 8px;
    overflow: hidden; 
}
    .prod-right-body .MSRPPrice          { font-size:17px; font-weight:bold; color:#989898; font-family: Arial, Sans-Serif; }
    .prod-right-body .ListPricewSale     { font-size:15px; color:#5C5C5C; text-decoration:line-through; font-family: Arial, Sans-Serif; }
    .prod-right-body .ListPricewoSale    { font-size:17px; font-weight:bold; color:#989898; font-family: Arial, Sans-Serif; }
    .prod-right-body .SalePrice          { font-size:17px; font-weight: bold; color:#CC0000; font-family: Arial, Sans-Serif; padding-left: 5px; }

    .prod-right-body .prodstep
    {
        margin: 6px 0;
    }
    .prod-right-body .prodsteptitle
    {
        color: #D6D6D6;
        font-weight: bold;
        font-size: 22px;
        font-family: arial, sans-serif; 
    }

    .prod-right-body .sku-selector
    {
        font-size: 12px;
    }
    .prod-right-body .qtyinput
    {
        font-size: 12px;
    }
    .prod-right-body .sendfriend
    {
        text-decoration: none;
        font-size: 9px;
    }
    .prod-right-footer
    {
        height: 7px;
        background: url(../images/prod-right-footer.gif) no-repeat;
    }
    /* swatches */
    .swatch{ padding-bottom: 10px; }
        .swatch span{ display: none; }
        .swatch h3{ color: #002554; }
        .swatch img{ padding-right: 5px; }
    
    /* product review (below skuselector) */
    .prod-right-body .productreview
    {
        padding: 0 0 11px 0;
        color: #999999;
        font-weight: bold;
    }
        .productreview a{ font-weight: bold; color: #999999; }
.prod-container .prod-desc-outer
{
    width: 613px;
    margin-top: 7px;
}
    .prod-desc-outer .prod-desc-header
    {
        height: 10px;
        background: url(../images/prod_desc_title_bg.gif) no-repeat;
    }
    .prod-desc-outer .prod-desc-body
    {
        border-left: 1px solid #D6D7D6;
        border-right: 1px solid #D6D7D6;
        padding: 2px 8px;
    }
    .prod-desc-outer .prod-desc-body li{ list-style-type: disc; margin-left: 12px; }
    .prod-desc-outer .prod-desc-footer
    {
        height: 10px;
        background: url(../images/prod_desc_footer_bg.gif) no-repeat;
    }
 /* reviews section on lower page */
.prod-container .prod-review-outer
{
    margin-top: 20px;
}
    .prod-review-outer .productreviewlwr{}
    .prod-review-outer a{ text-decoration: none; font-size: 12px; }
    .prodreview-title
    {
        font-weight: bold;
        font-size: 14px;
        font-family: Arial, sans-serif;
    }
    .prod-review-outer hr{ margin: 10px 0 15px 0; }
    hr.thick{ height: 5px; width: 100%; clear: both; }
    hr.gray{ background: #dddddd; }
    .productreview-lwr{ clear: both; }
    .productreview-lwr .reviewlwr-left
    {
        width: 30%;
        border-right: 1px solid #cccccc;
    }
        .prod-review-outer .reviewer-rating
        {
            clear: both;
            width: 100%;
            padding-bottom: 8px;
            font-size: 10px;
        }
        .prod-review-outer .reviewer-rating .stars div
        {
            padding: 2px 0 4px 0;
        }
        .prod-review-outer .reviewer-info
        {
            border-top: 1px solid #cccccc;    
            padding-top: 8px;
            clear: left;
            overflow: hidden;
        }
    .productreview-lwr .reviewercomment
    {
        font-size: 11px;
        width: 68%;
        text-align: left;
    }
        #main_content .productreview-lwr .reviewercomment p
        {
            margin: 10px 0;
        }
    .productreviw-lwr .prodreviewpager
    {
        margin: 10px 0 0  0;
    }
/* End Product.aspx Product page */

/* Review Page (review.aspx) */
.prodreviewtable
{
}
    .prodreviewtable th
    {
        text-align: right;
        padding: 5px;
        font-weight: bold;
        width: 100px;
    }
    .prodreviewtable td
    {
        padding: 5px;
        text-align: left; 
    }
    .prodreviewtable input
    {
        font-size: 12px;
    }
/* End Review page */

/* Start Dept.aspx Dept Department Page */
.dept-sub-listing
{
}
.subdeptpager
{
    text-align: right;
    
}
.subdeptpager .PagerButton
{
    text-decoration: none;
    color: #666666;
}
.dept-sub-listing .subdeptdiv
{
    width: 281px;
    height: 167px;
    overflow: hidden;
    background: url(../images/deptlist_bg.jpg) no-repeat;
    margin: 5px 5px 0 0;
    padding: 10px;
}
.subdeptdiv .subdeptleft
{
    width: 134px;
}
.subdeptdiv .subdeptright
{
    width: 140px;
}
.subdeptdiv  .subdeptimage
{
    width: 131px;
    height: 128px;
    background: url(../images/subdeptthumb_bg.gif) no-repeat;
    text-align: center;
    padding: 5px 0;
}
.dept-sub-listing .subdeptdiv .deptlist-right
{
}
.dept-sub-listing .deptlinkP
{
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    color: #990000;
}
.dept-sub-listing .subdeptdesc
{
    font-size: 10px;
    color: #000000;
}
.dept-sub-listing ul
{
    padding-left: 0;
    margin-left: 0;
}
.dept-sub-listing ul li
{
    color: #0000ff;
    padding-left: 0;
    margin-left: 0;
}

.dept-prod-listing
{
    width: 611px;
    margin-left: 2px;
}
.dept-prod-listing .dept-prod-div
{
    border: 1px solid #D6D7D6;
    border-collapse: collapse;
    width: 135px;
    font-size: 11px;
    padding: 8px;
}
.dept-prod-div .thumbnailImg
{
    width: 100px;
}
.dept-prod-div .deptlinkP
{
    font-weight: bold;
    color: #000000;
    font-size: 11px;
    text-decoration: none;
}
 
.dept-prod-div .ListPricewSale     {font-weight:normal; color:#002554; display:inline; text-decoration:line-through;}
.dept-prod-div .ListPricewoSale    { font-weight:bold; color:#002554; display:inline;}
.dept-prod-div .SalePrice         {font-weight:bold; color:#cc0000; display:inline; padding-left:5px;}
/* End Department page */

/* Start Login/Password Recovery Styles */
#pswReminderDiv .ButtonStyle {margin: 5px 0px 5px 0px;}
.AspNet-Login-InstructionPanel, .AspNet-PasswordRecovery-UserName-InstructionPanel,.AspNet-PasswordRecovery-Question-InstructionPanel, .AspNet-PasswordRecovery
{
    padding:0px 0px 5px 0px;
}
.PRInstructionPanel {padding: 10px 0px 5px 0px;}
.AspNet-Login-UserPanel label, .AspNet-Login-PasswordPanel label, .AspNet-PasswordRecovery-UserName-UserPanel label,
.AspNet-PasswordRecovery-Question-UserPanel label, .AspNet-PasswordRecovery-QuestionPanel label, .AspNet-PasswordRecovery-AnswerPanel label
{
    width: 8em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
}
.prLabel {padding-right: 0.5em;}
.prInput {}
.AspNet-Login-UserPanel input, .AspNet-Login-PasswordPanel input, .AspNet-PasswordRecovery-UserName-UserPanel input,
.AspNet-PasswordRecovery-Question-UserPanel input, .AspNet-PasswordRecovery-QuestionPanel input, .AspNet-PasswordRecovery-AnswerPanel input
{
    width: 10em;
}
.AspNet-Login-RememberMePanel
{
    padding:5px 25px 5px 25px;
}
.AspNet-Login-PasswordRecoveryPanel
{
    padding:5px 0px 5px 0px;
}
.AspNet-Login-UserPanel, .AspNet-Login-PasswordPanel, .AspNet-Login-RememberMePanel {margin:2px 0px 8px 0px;}
.AspNet-Login-UserPanel span, .AspNet-Login-PasswordPanel span {font-size:14px; font-weight:bold;}
/* End Login/Password Recovery Styles */

/* Start SitePath and DataPager Styles */
#SitePathContainer {padding: 0 0 5px 9px; display: none; }
.search_pager
{
    margin: 10px 0 0 0;
}
.search_pager a
{
    text-decoration: none;
    color: #002554;
}
.SitePath { font-size:12px; text-decoration: none; font-weight: bold; color: #002554; }
.SitePath:hover, .SitePath:active { font-weight: bold; font-size:12px; text-decoration:none; color: #666666; }
.SitePathSelected { font-size:12px; }


#DataPagerContainer {text-align:right; padding:6px 0px 6px 0px;}
.Pager { border:none; }
.PagerSelected{ color: #666666; font-weight: bold; }
.PagerButton{ font-weight: bold; color: #FFC048; }
/* End SitePath Styles */

/* Start Main Navigation Styles */
/* -------------------------------------------------------------------------- */
/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
.PrettyMenu .AspNet-Menu-Horizontal{}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 100%;
    background: url(../images/rednav_bg.png) no-repeat;
}


/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.PrettyMenu ul
{
    
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.PrettyMenu ul.AspNet-Menu li
{
    
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.PrettyMenu ul.AspNet-Menu li a,
.PrettyMenu ul.AspNet-Menu li span
{
    color: #ffffff;
    
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{

}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.PrettyMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.PrettyMenu ul.AspNet-Menu li:hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
   
}

.PrettyMenu ul.AspNet-Menu li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
    color: #ffffff;
}

.PrettyMenu ul.AspNet-Menu li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color: #ffffff;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.PrettyMenu ul.AspNet-Menu li a:hover,
.PrettyMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: White;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
   
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    width: 10.5em;
    left: 0;
    top: 100%;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: -0.3em;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    width: 11.5em;
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width: 12em;
    text-align:left;
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    text-align:left;
    width: 12em;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width: 12em;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -1.4em 0 0 10.35em;
}

#MainNavigation.PrettyMenu li.level-1
{
    background: transparent;
}

/* use this to set the top level links to red bold even when sub-menu is hovered */
#MainNavigation li.level-1:hover a.link-level-1, #MainNavigation li.level-1:active a.link-level-1 
{
    color: #990000;
    font-weight: bold;
}
/* End Main Navigation Styles */


/* Begin Search search.aspx FNS Classes */
#search_container{}
#search_container #left_column
{
    width: 177px;
}

.RefineGroup
{ 
    border-bottom: 1px solid #cccccc;
    margin-bottom: 1px;
    padding-bottom: 4px;
    width: 164px;
}
.RefineHeading
{
    display:block;
    padding:6px 0px 3px 0px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    font-family: Arial, Sans-Serif;
}
.RefineLinks
{
    padding:1px 4px 1px 4px;
}
.RefineLinks a
{
   /* display:block;*/
   padding:3px 0;
}
.RefineLinks a:link, .RefineLinks a:visited
{
    display:block;
    text-decoration:none;
    font-size:11px;
    color:#262626;
    font-weight:normal;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
}
.RefineLinks a:hover, .RefineLinks a:active {
    display:block;
    text-decoration:none;
    font-size:11px;
    color:#333333;
    font-weight:normal;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
}
.RefineLinks select
{
    color:#333333; font-size:11px; border:1px solid #CCCCCC; font-weight:normal; width: 160px;
}

#search_container #right_column
{
    width: 611px; 
    margin-left: 5px;   
}
#search_container #right_column .history-link a
{
    font-size: 17px;
    text-decoration: none;
    color: #004578;
    font-weight: bold;
    text-transform: capitalize;
}
#search_container #right_column p.searchmsg
{
    margin: 15px 0;
}
#search_container #right_column .thumbnailImg
{
    width: 100px;
}
/* End FNS Classes */

/* Start Address Control Classes AND Checkout Classes */

.SmallerFieldSection, .HalfFieldSection
{
    margin:0px 4px 0px 0px;
    float:left;
}
.disabledField
{
    color:#999999;
    background-color: #cecece;
}
#shipmeth-div
{
    margin-top: 15px;
}
/* End Address Control Classes AND Checkout Classes */
/* Mini Login (found on checkout.aspx) */
#mini-login
{
    width: 300px;
    float: left;
    margin-left: 10px;
    border: 4px solid #666666;
    position: absolute;
    left: 180px;
    z-index: 9999;
}
.mini-login-inner
{
    background: #ffffff;
    padding: 5px;
    border: 3px solid #999999;
}
.mini-login-close
{
    text-align: right;
    margin-bottom: 5px;
}
.mini-login-close span
{
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}
#mini-login td, #mini-login input
{
    font-size: 12px;
}
/* End Mini Login */

/* Start Create Account */
.password-checklist-div
{
    font-size: 11px !important;
    color: #000000;
    margin: 5px 0px;
}
.password-checklist-div ul
{
    margin-left: 25px;
}
.password-checklist-div li
{
    font-size: 11px !important;
    color: #000000;
    list-style-type: disc;
}
.create-acct-div
{
    text-align: left;
}
.create-acct-div input
{
    margin: 0px auto;
}
/* End Create Account */
/* Start Tooltip Classes*/
.tooltip_content {
    display: none;        /* required */
    position: absolute;   /* required */
    padding: 10px;
    border: 1px solid black;
    background-color: white;
    z-index: 999;
}

/* End Tooltip Classes*/

/* Start Calendar CSS */
.ajax__calendar_container {z-index: 9000;}
.ajax__calendar_body table tr td { padding: 0px; }
/* End Calendar CSS */


/** Hacks Start **/

/* Start Mac IE5 filter \*/

/* see this site for details on equal height stuff below 
http://www.positioniseverything.net/articles/onetruelayout/equalheight */
#main_container, #menu_container, #extra_container, #main_container2
{
    padding-bottom: 32767px !important;
    margin-bottom: -32767px !important; 
}
/* End Mac IE5 filter */

#wrapper
{
    overflow: hidden; /* This hides the excess padding in non-IE browsers */
}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
{
    /* Normally a Holly-style hack height: 1% would suffice but that causes 
    IE 5.01 to completely collapse the wrapper - instead we float it */
    float: left;
    /* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
    (I saw it happen many moons ago) makes the width of wrapper too small 
    the float: none with the comment is ignored by 5.01,
    5.5 and above see it and carry on about their business
    It's probably fine to just remove it, but it's left here 
    just in case that many moons ago problem rears its head again */
    float/**/: none;
}
/* easy clearing */
#wrapper:after
{
    /*content: '[DO NOT LEAVE IT IS NOT REAL]'; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;*/
}
#wrapper
{
    /*display: inline-block;*/
}
/*\*/
#wrapper
{
    display: block;
}
/* end easy clearing */

/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
{
    /*position: relative;*/
    /*z-index: 1000;*/
}

/* Hacks End */