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

/* Start General Styles */
html
{
    background: url(../images/bodybg.jpg);
}
body
{
    text-align:center; /* centering site 1/3 */
    margin:0;
    
    /*DO NOT include font information here, see ContentStyles.css*/
}

.hiddenDiv { display: none; visibility:hidden;}

/* End General Styles */

/* Start General Layout Styles */
#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: 893px;
    text-align: center;
    padding: 10px 0;
    /*background-color:Gray; Background color of main content area center */
    /*padding:5px;  causes column to stretch */
     
}
* html #main_container
{
    display: inline;
}

/* Start Mac IE5 filter \*/
#main_container, #menu_container, #extra_container
{
    /*padding-bottom: 32767px !important;
    margin-bottom: -32767px !important; */
    /*background: url(../images/longbg2.jpg) no-repeat;*/
    /*background: url(../images/pagebg_long.jpg) no-repeat;
    background-position: -6px 0px;*/
    background:url(../images/page-content-wire-bg.jpg) top left no-repeat;
    /*height: 716px;*/
    width: 888px;
}
/* End Mac IE5 filter */
#main_content
{
    width: 823px;
    text-align: center;
    margin: 0 0 0 22px;
    *margin: 0 0 0 5px;
}
#main_content ul li
{
    list-style-type: disc;
    margin: 1px 0px 1px 20px;
}

#menu_container
{
    float: left;
    width: 155px;
    margin-left: -945px; /* Makes this column show before first block even though first block is first in code */
    background-color: #012e57;
     /*padding:5px;  causes column to stretch */
     display: none;
}

.smaller_half_padded p{ margin: 5px 0 !important; }

/* Home Master Page */
#main_container_home
{
    background: url(../images/homebg2.jpg) no-repeat;
    background-position: 1px 0px;
    *background-position: 1px 0px;
    height: 393px;
    width: 876px;
}
#main_container_home #home_container
{
}

#extra_container
{
    float: left;
    width: 55px;
    background-color: #648ABD;
    display: none;
}
#page-content
{
   width:888px;
   padding:0;
   background:url(../images/main-container-bg-repeat.jpg) top left repeat-y;
}
/* End General Layout Styles */

/* Start Header classes */
#header-top
{
    background: url(../images/header-top.png) no-repeat;
    background-position: 0px 0px;
    width: 847px;
    height: 66px;
    margin: 0px auto;
}
#header
{
    background: url(../images/headerbg.jpg) no-repeat;
    background-position: 1px 0px;
    text-align: center;
    margin: 0px auto;
}
#header_content
{
    width: 860px;
    height: 128px;
    padding-left: 20px;
}
#Logo       {float: left; padding: 5px 0 7px 0px; width: 495px; text-align: left; }
#Logo img{ padding-left: 9px; }
#Welcome    
{
    float:left; 
    text-align:left;
    width: 305px;
    padding: 5px 10px 0px 0px;
}
#Welcome p{ margin: 0; }
#Welcome li
{
    background: #FFFFFF;
    z-index: 999;
    position:relative;
    top: -35px;
    left: 105px;
    width: 150px;
}
.header-cart-spacer
{
    background: url(../images/headercartspacer.gif) repeat-x;
    background-position: left bottom;
    height: 26px;
    line-height: 26px;
    text-align: left;
}
.header-cart-spacer a
{
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

#MainNavigation{ clear: left; }

/* begin mini-login (found on checkout.aspx and site.master header) */
#mini-login
{
    
    float: right;
    position: absolute;
    right: 197px;
    z-index: 99999;
}
#mini-login2
{
    
    float: right;
    position: absolute;
    z-index: 9999;
}
.mini-login-inner
{
    background: url(../images/loginpop_bg.gif) no-repeat;
    width: 277px;
    height: 157px;
    padding: 0px 10px 12px 12px;
}
.close-btn-div
{
    text-align: right;
    height: 15px;
}
.email-login-div
{
    color: #313D53;
    height: 45px;
    text-align: left;
    *height: 50px;
}
.email-login-input{ 
    height: 21px;
    margin-top: -5px;
    width: 190px;
    border: 1px solid #cccccc;
    font-size: 12px;
}
.password-input
{ 
    height: 24px;
    width: 190px;
    border: 1px solid #cccccc;
    position: relative;
    top: -13px;
    font-size: 12px;
}
.password-login-div
{
    color: #313D53;
    height: 60px;
    padding-top: 5px;
    text-align: left;
}
.bottom-links-div
{
    text-align: center;
}
.bottom-links-div a
{
    font-size: 12px;
    color: #ffffff;
}
.bottom-links-div .forgetpwd
{
    padding-right: 32px;
}
.mini-login-btn
{
    margin-left: 8px;
    *position: relative;
    *top: -8px;
}
.mini-login-error
{
    position: relative;
    line-height: 100% !important;
    top: -35px;
    left: 100px;
    width: 200px;
    color: #FF0000;
    font-size: 11px;
}
.checkout-login li
{
    width: 150px;
    text-align: left;
}
/* end mini-login */

/* begin search stuff */
#nav-right
{
    height: 31px;
    background: #234265;
}
.search-input
{
    background: url(../images/searchinputbg.jpg) no-repeat;
    font-size: 12px;
    height: 18px;
    padding: 3px 0 0 5px;
    width: 105px;
    position: relative;
    top: -10px;
    *top: -5px;
}

/* search page stuff */
.searchimg{ border: 1px solid #234265; }  
.SalePriceA{ color: #E67B13; font-weight: bold; display:block; }
.ListPricewoSaleA{ color: #234265; }
.ListPricewSaleA{ color: #234265; }
.prodCell{ padding-bottom: 15px !important; }
.searchtable{ width: 823px; }
/* end search stuff */




/* End Header classes */

/* Start Footer classes */
#footer
{
    clear: both;
    background:#0d2645 url(../images/footerbg2.jpg) top left no-repeat;
    background-position: 6px 0px;
    height: 200px;
    min-height:200px;
    
}
#footer2
{
    clear: both;
    background:#0d2645 url(../images/footerbg.jpg) top left no-repeat;
    background-position: 6px 0px;
    height: 200px;
    min-height:200px;
}
#footer_content
{
    padding: 20px 32px 5px 32px;
    
}
#footer #footer_content
{
    padding: 50px 32px 5px 32px;   
}
#footer_content a:link,
#footer_content a:visited
{
    color:#ffffff;
}
#footer_content a:hover,
#footer_content a:active
{
    color:#648ABD;
}
.footer-bottom
{
    margin-top: 50px;
    }
#footer-left
{
    float: left;
    color: #234265;
    font-weight: bold;
    font-size: 12px;   
    margin-top: 5px;
}
#footer-left a:link, #footer-left a:visited, #footer-left a:hover, #footer-left a:active, #footer-left span
{
    color: #234265;
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
}
#footer-right
{
    float: right;
    width: 230px;
}
.footer-bottom-left
{
    float: left;
    width: 90px;
    margin-left: 10px;
}
.footer-bottom-left p{ margin: 0; }
.footer-bottom-center
{
    float: left;
    text-align: center;
    color: #7697BA;
    width: 685px;
}
.footer-bottom-center p
{
    color: #7697BA;
    font-size: 14px; 
    font-weight: bold;
}
.footer-bottom-center a
{
    color: #7697BA;
    font-size: 12px;
    font-weight: normal;
}
.footer-bottom-right
{
    float: left;
    width: 100px;
}
.email-input
{
    border: 1px solid #234265;
    color: #234265;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    padding: 3px;
    text-transform: uppercase;
    width: 185px;
    background: transparent;
    }
.email-btn
{
    margin-top: -5px;
    *margin-top: -13px;
    }
.emailstatus
{
    position: absolute;
    z-index: 888;
    bottom: 90px;    
}
.emailerror{ position: relative; top: 15px; }
.footer-info-outer
{
    position: relative;
    bottom: 203px;
    width: 200px;
    *bottom: 262px;
}
.footer-info-pop
{
    /*display: block !important;*/
    position: absolute; 
    background: #EFF0F2;
    border: 1px solid #587992;
    padding: 8px 10px;
    left: 287px;
    width: 100px;
}
.footer-info-pop .AspNet-TreeView{ }
.footer-info-pop .AspNet-TreeView-ClickableNonLink{ display: none; }
.footer-info-pop ul{ text-align: left; }
.footer-info-pop ul li{ margin: 0; padding: 0; }
.footer-info-pop ul li li{ margin: 0px; }
#footer-links
{
    
}

#footer-left .footer-info-pop a:link, #footer-left .footer-info-pop a:visited
{
    font-size: 10px !important;
    color: #234265;
    font-weight: bold !important;
    padding: 3px 0;
    display: block;
}
#footer-left .footer-info-pop a:hover, #footer-left .footer-info-pop a:active
{
    font-size: 10px !important;
    font-weight: bold;
    color: #FBBE65 !important;
    background: #587992;
    padding: 3px 0;
    display: block;
}
/* End Footer classes */

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

.AspNet-TreeView li 
{
    margin:0px 0px 0px 6px;
}
.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 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 
{
    text-align: left;
    width: 800px;
    margin: 0 0 10px 35px;
}
.SitePath { text-decoration:none; font-size:12px; color:#234265; font-weight: bold; text-transform: uppercase; }
.SitePath:hover, .SitePath:active { text-decoration:none; font-size:12px; color:#234265; font-weight: bold; text-transform: uppercase; }
.SitePathSelected { text-decoration:none; font-size:12px; color:#234265; font-weight: bold; text-transform: uppercase; }
.SitePathSeparator{ font-size: 12px; color:#234265; }

.DataPagerContainer  
{
    margin-left: 28px;
    padding: 0 0 8px 0;
    text-align: left;
}
.Pager {padding:0px 4px 0px 0px; }
/* 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%;
    position: static !important;
    /*z-index: 9999;*/
}


/* 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
{
    z-index: 999;
}

/* 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: #234265;
    font-weight: bold;
    /*background: transparent url(../images/arrowRight.gif) right center no-repeat;*/
}

/* 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
{
    background-image: none;
}

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

.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: #234265;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 0;*/
}

/* 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 li a:hover,
.PrettyMenu ul.AspNet-Menu li li span.Asp-Menu-Hover
{
    background: #587992;
    color: #FBBE65;
    font-weight: bold;
}
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background: #587992;
    color: #FBBE65 !important;
    font-weight: bold;
}

/* 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
{
    background: #EFF0F2;
    border: 1px solid #234265;
    padding: 5px 5px 15px;
    z-index: 9999;
    *top: 30px;
}

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

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
}

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

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
   
}

/* 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
{
    display: block !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 5px 2px !important;
    position: relative;
    top: 0 !important;
    border: none !important;
    width: 12em;
}

/* begin rollout menu stuff */
#nav-left
{
    background: #234265;
    height: 30px;
    width: 615px;
    margin: 0 5px 0 0px;
}
.link-level-1{ font-size: 0px; }
.link-level-2{ font-size: 10px; padding: 3px; text-transform: uppercase; }
.link-level-3{ font-size: 10px; width: 12em; padding: 3px 0; }

/* dotted line spacer */
li.level-2-2, li.level-2-3, li.level-2-4, li.level-2-5, li.level-2-6, li.level-2-7
{
    background: url(../images/menuspacer.gif) repeat-y;
    background-position: 5px 0px;
    padding-left: 12px;
}

/* clothing */
.link-level-1-1:link, .link-level-1-1:visited{ background: url(../images/nav_clothing.gif) no-repeat; width: 93px; height: 30px !important;  }
.link-level-1-1:active, .link-level-1-1:hover{ background: url(../images/nav_clothing_on.gif) no-repeat; width: 93px; height: 30px !important;  }
.level-1-1 ul{ width: 360px; left: 0; }  /* canvas ul */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu .level-1-1 ul .level-2 ul{ width: 9em; } /* target each column */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu .level-1-1 ul .level-2 ul .link-level-3{ width: 9em; } /* target each link */

.level-1 ul li span{ width: 100px; }
.level-1-1 li.level-2-2{ padding-bottom: 0; }
.level-1-1 li.level-2-3{ padding-bottom: 17px; }


/* skiing */
/* set extra padding so the dotted line goes all the way to bottom */
.level-1-2 li.level-2-2{ padding-bottom: 74px; }  
.level-1-2 li.level-2-3{ padding-bottom: 128px; }
.level-1-2 li.level-2-4{ padding-bottom: 25px }
.level-1-2 li.level-2-5{ padding-bottom: 10px; }
.level-1-2 li.level-2-6{ padding-bottom: 5px; }
.level-1-2 li.level-2-7{ padding-bottom: 42px; }

.link-level-1-2:link, .link-level-1-2:visited{ background: url(../images/nav_skiing.gif) no-repeat; width: 76px; height: 30px !important;  }
.link-level-1-2:active, .link-level-1-2:hover{ background: url(../images/nav_skiing_on.gif) no-repeat; width: 76px; height: 30px !important;  }
.level-1-2 ul{ width: 640px; left: 0px; } /* canvas ul */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu .level-1-2 ul .level-2 ul{ width: 9.5em; } /* target each column */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu .level-1-2 ul .level-2 ul .link-level-3{ width: 11em; } /* target each link */


/* snowboarding */

.link-level-1-3:link, .link-level-1-3:visited{ background: url(../images/nav_snowboarding.gif) no-repeat; width: 135px; height: 30px !important;  }
.link-level-1-3:active, .link-level-1-3:hover{ background: url(../images/nav_snowboarding_on.gif) no-repeat; width: 135px; height: 30px !important;  }
.level-1-3 ul{width: 523px;left: 0; } /* canvas ul */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu .level-1-3 ul .level-2 ul{ width: 9em; } /* target each column */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu .level-1-3 ul .level-2 ul .link-level-3{ width: 9em; } /* target each link */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu .level-1-3 ul .link-level-2-4{ width: 12em; }

.level-1-3 li.level-2-2{ padding-bottom: 75px; }   /* set extra padding so dotted line will continue */
.level-1-3 li.level-2-3{ padding-bottom: 74px; }
.level-1-3 li.level-2-4{ padding-bottom: 10px; }
.level-1-3 li.level-2-5{ padding-bottom: 6px; }

.level-1-3 a.link-level-2-4{ }

/* brands */
.link-level-1-4:link, .link-level-1-4:visited{ background: url(../images/nav_brands.gif) no-repeat; width: 89px; height: 30px !important;  }
.link-level-1-4:active, .link-level-1-4:hover{ background: url(../images/nav_brands_on.gif) no-repeat; width: 89px; height: 30px !important;  }
.level-1-4 ul{ width: 352px; left: 0; } /* canvas ul */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu .level-1-4 ul .level-2 ul{ width: 8.75em; } /* target each column */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu .level-1-4 ul .level-2 ul .link-level-3{ width: 10.5em; } /* target each link */

.level-1-4 li.level-2-2{ padding-bottom: 17px; } /* set extra padding so dotted line will continue */
.level-1-4 li.level-2-3{ padding-bottom: 12px; } /* set extra padding so dotted line will continue */
.level-1-4 li.level-2-4{ padding-bottom: 9px; } /* set extra padding so dotted line will continue */
.level-1-4 li.level-2-5{ padding-bottom: 20px; } /* set extra padding so dotted line will continue */

/* clearance */
.link-level-1-5:link, .link-level-1-5:visited{ background: url(../images/nav_clearance.gif) no-repeat; width: 110px; height: 30px !important;  }
.link-level-1-5:active, .link-level-1-5:hover{ background: url(../images/nav_clearance_on.gif) no-repeat; width: 110px; height: 30px !important;  }
.level-1-5 ul{width: 500px;left: -69px; } /* canvas ul */

.level-1-5 .link-level-3{ width: 15em !important; }
.level-1-5 li.level-2-3{ padding-bottom: 24px; }








/* end rollout menu stuff */

/* End Main Navigation Styles */


/* Start FNS Classes */
.RefineGroup
{
    margin:0px 10px 10px 10px;
   
}
.RefineHeading
{
    display:block;
    padding:6px 0px 3px 0px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;

}
.RefineLinks
{
    padding:1px 4px 1px 4px;
}
.RefineLinks a
{
   /* display:block;*/
   padding:0px 3px 0px 3px;
}
.RefineLinks a:link, .RefineLinks a:visited
{
    display:block;
    text-decoration:none;
    font-size:11px;
    color:#262626;
    font-weight:normal;
}
.RefineLinks a:hover, .RefineLinks a:active {
    display:block;
    text-decoration:none;
    font-size:11px;
    color:#2685fc;
    font-weight:normal;
}
.RefineLinks select
{
    color:#333333; font-size:11px; border:1px solid #CCCCCC; font-weight:normal;
}
/* End FNS Classes */

/* Start Address Control Classes AND Checkout Classes */
.address-container{ width: 700px; margin: 0 auto; }
.checkout-steps
{
    text-align: center;
}
.checkout-title h3{ font-size: 13px; }
.SmallerFieldSection, .HalfFieldSection
{
    margin:0px 4px 0px 0px;
    
}
.disabledField
{
    color:#999999;
    background-color: #cecece;
}
.small{ font-size: 10px; }
.dataFormRow label
{
    display: block;
    float: left;
    padding-right: 5px;
    text-align: right;
    width: 90px;    
}
.checkout-info-box
{
    font-size: 10px;
    margin-left: 85px;
    width: 250px;
}
.border-top{ border-top: 5px solid #91A0B2; }
.border-bottom{ border-bottom: 1px solid #91A0B2; }
.shipto-label{ display: block; float: left; padding-right: 5px; text-align: right; }
.residential-label{ width: 200px !important; float: none !important; display: inline !important; }

.checkout-create-account{}
.checkout-create-account .hide{ display: none; }
.checkout-create-account label{ float: none; width: auto; display: inline; }
.checkout-create-account .left{ width: 50%; text-align: right; padding-top: 15px; }
.checkout-create-account .left label{ text-align: right; }
.checkout-create-account .left input{ width: 200px; }
.checkout-create-account .right{ width: 40%; text-align: left; padding-top: 15px; }

#promoDiv
{
    position: relative;
    z-index: 999;
    background: #E4E4E4;
    border: 1px solid #91A0B2;
    margin: 5px;
    padding: 5px;
    left: 100px;
    top: -70px;
}

#example-content-1
{
    margin: -36px 0 0 140px;
    *margin-left: 20px;
}

.purchasebtnspan input
{
    *padding: 2px 0;
    width: 120px;
}
/* End Address Control Classes AND Checkout Classes */

/* Start ShoppingCart.aspx */
.cart-msg p{ margin: 0; }
.shoppingTbl
{
    margin: 0 auto;
    width: 100%;
}
.basket-product-related
{
    width: 750px;
    margin: 0 auto;
    padding-left: 5px;
}
.basket-product-related .product-related-title
{
    background: url(../images/youmightalsolike_bg.gif) repeat-x;
    margin-bottom: 10px;
    text-align: center;
}
.basket-product-related .dept_prod_img, .basket-product-related .dept_prod_data
{
    text-align: center;
}
.basket-product-related .dept_prod_img img
{
    border: 1px solid #234265;
}
#termsconditions
{
    width: 700px;
    margin: 0 auto;
    font-size: 11px;
}
#termsconditions h3{ font-size: 20px; margin: 10px 0; }
#termsconditions .large{ font-size: 14px; font-weight: bold; }
#termsconditions ul{ margin: 10px 0px; padding-left: 25px; }
#termsconditions ul li{ font-size: 11px; }
#termsconditions p
{
    text-align: left;
    font-size: 11px;
    margin: 5px 0px;
}
#errorDiv{ color: Red; font-weight: bold; }

.basket-free-ship 
{
    text-align: center;
    font-weight: bold;
    margin-top: 15px;
    width: 340px;
}

/* info divs on shopping bag */
.shoppingbag-info-div p
{
    margin-top: 15px;
}
.shoppingbag-info-div, .shoppingbag-IC-div
{
    border-top: 1px solid #234265;
    padding-top: 10px;
    width: 750px;
    margin: 0 auto;
}
.HoverImg:hover
{
    cursor: pointer;
}
/* End shoppingcart */

/* Start Tooltip Classes*/
.tooltip_content {
    display: none;        /* required */
    position: absolute;   /* required */
    padding: 10px;
    border: 1px solid black;
    background-color: white;
}
.tooltip_content2 {
    display: none;        /* required */
    position: absolute;   /* required */
    padding: 2px;
    border: 1px solid black;
    background-color: white;
}
.tooltip_content2 p{ margin: 4px 0; }

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



#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;
    width: 886px;
}
/* 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 */
* > form, * > #notes, * > .output
{
    position: relative;
    z-index: 1000;
}

/* Hacks End */

/* BEGIN HOMEPAGE / DEFAULT.ASPX */
#home-container
{
    width: 830px;
    margin: 0px auto;    
}
#home-top{}
#home-top-left
{
   width: 483px;
}
#home-top-left p{ width: 463px; height: 271px; margin: 0px; }
#home-top-right
{
    height: 232px;
    width: 342px;
}
    .topproducts-title
    {
        display: block;
        clear: right;
        text-align: right;
    }
    .feat_item
    {
        background: url(../images/feat_item_bg.gif) no-repeat;
        color: #ffffff;
        cursor: pointer;
        font-size: 11px;
        font-weight: bold;
        height: 37px;
        line-height: 12px;
        margin-top: 5px;
        padding: 3px 0 0 3px;
        width: 337px;
        text-align: left;
    }
    #feat_item_container .current
    {
        background: #234265 !important;
    }
    .feat_item_inner
    {
        width: 170px;
        display: block;
    }
    .feat_item_inner a
    {
        color: #ffffff;
    }
    .feat_item_price
    {
        color: #FBBE03;
        
        font-size: 11px;
    }
    #feat_img_container
    {
        background: #ffffff;
        height: 202px;
        margin: -210px 0 0 180px;
        text-align: center;
        width: 149px;
    }
    .feat_img_div
    {
        background: #ffffff;
        height: 180px;
        text-align: center;
        width: 100%;
        display: none;
    }
    #feat_img_container .current
    {
        display: block !important;
    }
    .featured_main_img
    {
        border: 1px solid #234265;
    }
#home-bottom
{
    clear: left;    
}
#home-bottom-left
{
    margin-top: 15px;
    width: 483px;
    }
#home-bottom-left p{ width: 370px; height: 79px; margin: 0px; }
#home-bottom-right p{ width: 342px; height: 106px; margin: 0px; }
#home-bottom-right
{
    margin-top: 5px;
    }
/* END HOMEPAGE / DEFAULT.ASPX */

/* BEGIN PRODUCT PAGE */
.blueborder{ border: 1px solid #234265; } 
#product-container
{
}
#prod-left
{
    width: 346px;
    text-align: left;
}
.prod-qty-div
{
    
}
#MainImage
{
    
}
.prodimgDiv
{
    background: url(../images/prodimg_bg.gif) no-repeat;
    height: 432px;
    text-align: center;
    width: 328px;
    padding-top: 10px;
}
.prodimgDiv #MainImage{ border: 1px solid #234265; }
.prodimgenlarge
{
    margin: 5px 0 0 35px;
    text-align: left;
    text-transform: uppercase;
}
.prodimgenlarge a
{
    color: #234265;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none; 
}
div.alternates
{
    text-align: right;
    width: 315px;
}
div.alternates img{ border: 1px solid #234265; }
.product-related
{
    margin-top: 25px;
}
.prod-related-tbl
{
    width: 300px;
}
.relProduct
{
    text-align: center;
    width: 50%;
}
.prod-related-spacer{margin: 5px 0 0 0; }
.relProduct .prod-rel-inner-div
{
    margin-top: 10px;
    width: 125px;
}
.relProduct .relatedimg
{
    width: 125px;
}
#prod-right
{
    width: 475px;
}
.prodnameDiv
{
    background: #234265;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    /*opacity: 0.9;*/
    padding: 10px;
    height: 107px;
}
.prodnameDiv .ListPricewoSale{ color: #FFFFFF; }
.prodnameDiv .ListPricewSale{ color: #FFFFFF; }
.prodnameDiv .SalePrice{ color: #F8C118; }

.sku-selector
{
    width: 245px;
    margin: 0 0 8px;
    font-size: 13px;
    font-weight: normal;
}
.qtyinput
{
    border: 1px solid #91A0B2;
    font-size: 13px;
    height: 19px;
    color: #000000;
}
.qtyinput2
{
    text-align: center;
}
.freetextdiv
{
    text-align: left;
    color: #F8C118;
    font-weight: normal;
}
.freeshiptext{ color: #FBBE03; font-size: 14px; font-weight: bold; display: block; }
.prodnameDiv-left
{
    width: 45%;
    text-align: left;
    
}
.prodnameDiv-right
{
    width: 55%;
    text-align: right;
    background: #234265;
    
}
.addbsktbtn  
{
    margin-bottom:-6px;
    margin-bottom /*\**/:-7px\9
}

#divAvailability{ display: none; }
#spanNumAvail{ display: none; }
.desc-outer
{
    clear: left;
    width: 470px;
}
.longdescdiv-outer
{
    float: left;
    background: #BFDBFA;
    width: 53%;
     margin: 5px 5px 0 0;
    padding: 10px;
}
#longdescdiv
{
    color: #234265;
    text-align: left;
}
#prodspecsdiv{ display: none; }
.prodspecsdiv
{
    background: transparent;
    border: 1px solid #234265;
    color: #234265;
    float: left;
    margin-top: 5px;
    padding: 10px;
    width: 170px;
    text-align: left;
}
.ratings-outer
{
    clear: left;
    padding-top: 25px;
    text-align: left;
}
.ratings-title2
{
    clear: left;
}
.ratings-title2 .left{ float: left; text-align: left; }
.ratings-title .left
{
    float: left;
    width: 304px;
    text-align: left;
}
.floatleft{ float:left; }
.floatright{ float:right; }
.ratings-title .right{ float: left; text-align: left; }
.noproduct
{
    height: 200px;
}
#sizechartdiv{ text-align: left; margin-top: 8px; }
#sizechartdiv a{ font-weight: bold; }
/* START FLOATING BASKET */
#FloatBasketWrapper
{
    z-index: 99999;
}
#FloatBasketDiv
{
    width: 521px;
}
#FloatBasketDiv .float-header
{
    text-align: left;
    background: url(../images/float_header_bg.gif) no-repeat;
    height: 69px;
}
#FloatBasketDiv .float-body
{
    background: url(../images/float_body_bg.gif) repeat-y;
    text-align: center;
    font-size: 12px;
}

#FloatBasketDiv .float-footer
{
    background: url(../images/float_footer_bg.gif) no-repeat;
    height: 46px;
    text-align: left;
}
#FloatBasketDiv .floateditbtn
{
    margin: 0 70px 0 30px;
}
.floating-tbl{ width: 521px; }
.float-item-tbl{ width: 518px; margin-left: 1px; }
.float-item-tbl td, .float-item-tbl th
{
    border: 1px solid #213C5A;
    border-collapse: collapse;
}
.padleft{ padding-left: 20px; text-align: left !important; }
.padright{ padding-right: 20px; }
.float-header .logo{ margin: 8px 0 0 20px; }
.float-header .closebtn{ margin-right: 25px; }
.float-footer .float-buttons
{
    background: #213C5A;
    height: 26px;
    text-align: right;
}
.float-buttons .continuebtn
{
    margin-left: 5px; 
}
.float-buttons .checkoutbtn
{
    margin-right: 5px;
}
#Float-Iframe{
	position: absolute;
	margin: 0 auto;
	top: 160px;
	width: 520px;
	height: 180px;
	z-index: 997;
	left: 300px;
}
/* END FLOATING BASKET */
/* start ratings section */
.ratings-outer{}
.ratings-title{ clear:right ; }

/* end ratings section */

/* END PRODUCT PAGE */

/* BEGIN CONTENT.ASPX INFO PAGE STYLES */
.info-page-div
{
    margin: 0px auto;
    text-align: left;
    padding-top: 15px;
    width: 710px;
    *position: relative;
    *left: -10px;
}

.info-page-div h1
{
    color: #234265;
    font-size: 20px;
    margin: 8px auto 0 auto;
    padding: 0;
}
.info-page-div h3
{
    color: #234265;
    font-size: 17px;
    margin: 15px auto 3px auto;
    padding: 0px;
    font-weight: bold;
}
.info-page-div h4
{
    color: #234256;
    font-size: 14px;
    margin: 15px auto 3px auto;
    padding: 0px;
    font-weight: bold;
}
.info-page-div p
{
    text-align: justify;
    font-weight: normal;
    color: #234265;
    margin: 8px auto;
    font-size: 12px; 
}

.info-page-div ul{ margin-left: 55px; }
.info-page-div table
{
    margin-left: 10px;
}
.info-page-div hr
{
    background: #234265;
}
.info-page-nav
{
    float: left;
    width: 160px;
    margin-right: 10px;
}
.info-page-body
{
    float: left;
    width: 540px;
}
.info-page-nav .AspNet-TreeView-Root
{
    list-style-type: none !important;
    margin: 0px !important;
    padding: 0px !important;
}
.info-page-nav .AspNet-TreeView-Root ul li
{
    list-style-image: url(../images/bluebullet.gif);
}
.info-page-nav .AspNet-TreeView-Leaf a{ color: #234265; font-weight: bold; font-size: 12px; }
.info-page-nav .AspNet-TreeView-ClickableNonLink{ display: none; }
/* END CONTENT.ASPX INFO PAGE STYLES */

/* BEGIN DEPT.ASPX DEPARTMENT PAGE */
.pageTitle
{
    margin-left: 25px;
    font-size: 22px;
}
.dept-sub-title
{
    width:800px; 
    font-size: 13px;
    background: url(../images/basketspacer.gif) repeat-x;
    background-position: center top;
    text-align: left;
    margin: 0 0 0 25px;
    padding: 5px 0;
}
.dept-sub-listing
{
    text-align: center;
    
}
.dept-sub-listing div
{ 
    width:800px;
    margin: 0 0 0 25px;
}

.dept-sub-listing a
{
    background: url(../images/arrow.gif) no-repeat;
    background-position: 0 3px;
    color: #234265;
    font-size: 12px;
    font-weight: bolder;
    text-decoration: none;
    padding: 0 0 0 11px;
    margin: 0 25px;
}
.dept-sub-listing a:hover
{
    background: url(../images/arrow.gif) no-repeat;
    background-position: 0 3px;
    color: #234265;
    font-size: 12px;
    font-weight: bolder;
    padding: 0 0 0 11px;
    margin: 0 25px;
    text-decoration: underline;
}

.deptListTbl
{
    width: 833px;
    margin: 0 auto;
}
.deptListTbl td
{
    text-align: center;
    max-width:190px;
}
.deptListTbl td .prod-outer
{
    width: 150px;
    margin: 0 auto 10px auto;
}
.deptListTbl td table{ margin: 0 auto; }
.deptListTbl td img
{
    border: 1px solid #234265;
}
.deptListTbl .deptlinkP
{
    color: #234265;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

.deptdesc2
{
    width: 710px;
    *position: relative;
    *left: -10px;
}
.deptdesc2 p
{
    text-align: justify;
    padding-left: 5px;
    *padding-left: 0px;
}
/* END DEPT.ASPX DEPARTMENT PAGE */

/* BEGIN CHECKOUT PAGE */
.shopper_main
{
    width: 800px;
    margin: 0 auto;
}
.checkout-ups
{
    text-align: left;
    font-size: 10px;
}
.commentsbox
{
    height: 18px;
    font-size: 12px;
}
/* END CHECKOUT PAGE */

/* BEGIN REVIEW.ASPX / PRODUCTREVIEW.ASCX */
.review-radio td{ padding: 2px 0; }
.reviewtitle{ height: 9px; }
.reviewspacer 
{
    background: url(../images/headercartspacer.gif) repeat-x;
    background-position: left bottom;
    height: 1px;
    margin: 0 0 8px 0;    
        
}
.ProductNameRev { color: #234265; display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.submit-review-tbl
{
    margin: 0px auto;
}
.submitreviewbtn
{
    background: #234265;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px 10px;
}
.submit-review-outer{ clear: right; }
.submit-review-outer .outer-left{}
.submit-review-outer .outer-left img{ border: 1px solid #234265; width: 150px; }
.submit-review-outer .outer-right{ padding-left: 30px; text-align: left; }

.submit-review-lower{ clear: left; }
.submit-review-lower .comment
{
    width: 180px; 
    float: left;
    margin-left: 15px;   
}
.submit-review-lower .txtbox-oneline{ width: 300px; font-size: 12px;  }
.submit-review-lower .txtbox-comments{ font-size: 12px; float:left; width: 421px; *width:482px; }
.submit-review-lower .txtbox-name{ width: 317px;}


/* END REVIEW.ASPX / PRODUCTREVIEW.ASCX */

/* BEGIN RECEIPT.ASPX */
.receipt{ border: 1px solid #9EA4A2; width: 750px; margin: 0 auto; }
.receipt-title{ background: #E3E3E3; padding: 5px 0; text-align: center; width: 100%; font-weight: bold; }
.receipt-status{ padding: 5px 0;font-weight: bold;text-align: left; margin-left: 5px; }
.address-outer{ width: 750; margin: 0 auto; }
.address-outer .address-inner{ text-align: left; width: 47%; border: 1px solid #91A0B2; margin: 8px 5px; padding: 5px; }
.address-outer .address-inner div{ width: 200px; }

.receipt-table{ margin: 5px 8px; }

#FullShopperContent{ padding-top: 25px; }
#PartialShopperContent{ padding-top: 25px; }
/* END RECEIPT.ASPX */

/* BEGIN TRAVELCHECKLIST.ASPX */
.travelchecklist{}
.travelchecklist input
{
    font-size: 14px;
    margin: 0 5px 0 0;    
}
/* END TRAVELCHECKLIST.ASPX */

/* BEGIN ORDERHISTORY.ASPX */
.order-history-outer
{
    text-align: center;   
    margin: 0 auto;
    width: 725px;
}
.order-history-tbl
{
    width: 725px;
    margin: 0 auto;    
}
.trackimg{ cursor: pointer; }
/* END ORDERHISTORY.ASPX */

/* BEGIN SEARCH.ASPX */
.searchTitle{ margin-left: 30px; }
#search-header{ width: 770px; margin-left: 29px; }
    #search-header .SitePathSelected{ color: #aaaaaa; }
    #search-header input{ font-size: 12px; }
    #search-header select{ font-size: 12px; }
        #search-left{ width: 311px; }
        #search-right{  }
.datapagerfooter .SitePathSelected{ color: #aaaaaa; }
/* END SEARCH */