/** 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
colors:
purple - #492a46
light grey (buttons) - #e0e1e0
middle grey (table bg) - #ece9ec
dark grey (table headers & borders & header nav & text) - #5F5A59
text:
Verdana (sharp)
**/

/* Start General Styles */
body
{ 
    text-align:center; /* centering site 1/3 */
    margin:0;
    /*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-weight:bold; color:#5F5A59; }
.ListPricewSaleA     {font-weight:normal; color:#5F5A59;  text-decoration:line-through;}
.ListPricewoSaleA    { font-weight:bold; color:#5F5A59; }
.SalePriceA          { font-weight:bold; color:#ef474a; }

.MSRPPriceB          { font-weight:normal; color:#5F5A59; }
.ListPricewSaleB     { font-weight:normal; color:#5F5A59;  text-decoration:line-through;}
.ListPricewoSaleB    { font-weight:normal; color:#5F5A59; }
.SalePriceB          { font-weight:normal; color:#ef474a; }

.MSRPPriceC          { font-weight:normal; color:#5F5A59; display:inline;}
.ListPricewSaleC     { font-weight:normal; color:#5F5A59; display:inline; text-decoration:line-through;}
.ListPricewoSaleC    { font-weight:normal; color:#5F5A59; display:inline;}
.SalePriceC          { font-weight:normal; color:#ef474a; display:inline;}

/* Product */
.MSRPPrice          { font-weight:bold; color:#5F5A59;  }
.ListPricewSale     { font-weight:normal; color:#5F5A59;  text-decoration:line-through; }
.ListPricewoSale    { font-weight:bold; color:#5F5A59;  }
.SalePrice          { font-weight:bold; color:#ef474a;  }

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

.cartBottomContainer {background-color:#f8f8f8; padding:0px 0px 0px 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   {}

.totalTable2  {margin:0px 0px 5px 0px;}
.totalTable2 tr th,
.totalTable2 tr td  {border-width:0px; padding:3px 5px 3px 5px;  font-size:12px;}
.totalTable2 tr th {text-align:right; padding-left:12px;}
.totalTable2 tr td   {font-weight:bold;}
/* End Table Styles */

.smaller_half_padded {width:305px; padding:10px 10px 10px 10px;}

.half			{width:460px;}
.third			{width:308px;}
.left_half      {width:475px; float:left;}
.right_half     {width:475px; 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 */
#wrapper
{
    margin: 0 auto; /* centering site 2/3 */
    text-align:left; /* centering site 3/3 */
    width: 1000px; /* Overall site width */
    padding-top:15px;
}

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

#main_content_home
{
    padding:5px 0px 5px 0px;
}

#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: #ffffff;
     /*padding:5px;  causes column to stretch */
}


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


/* Start Product Page Styles */
.ProductName {font-size: 16px; font-weight: bold;}
.jumbopop {position:relative;}
.tdsku select {width:150px;height:20px;}
/* End Product Page Styles */

/* End General Layout Styles */

/* Start Header classes */
#header
{
    background-color: #ffffff;
    border: 1px solid #012e57;
}
#header_content
{
    padding:10px;
}
#Logo       {float: left; width:160px;}
#MiddleHeader       {float: left; width:340px;vertical-align:bottom;}
#MiddleHeader2       {float: left; width:400px;}
#Tagline    {clear:both;}
#Welcome    {float:right; width:400px; text-align:right;}

/* End Header classes */

.related_div {background:#F1F1F1;padding:20px;}
.prod_rel {font-size:14px;font-weight:bold;}

/* Start Footer classes */
#footer
{
    clear: both;
    /*padding:10px;  Causes footer to jut out on right hand side*/
    width:1000px;
    
    
}

#footer_content
{
    width:100%;
    
}

#footer_content a:link,
#footer_content a:visited
{
    color:#5F5A59;
    display:block;
		background-image:url(../images/headerdivider.gif);
        background-position:right center;
        background-repeat:no-repeat;
		font-weight:bold;
        font-size:13px;
        padding: 8px 8px 6px 8px;
        
}
#footer_content a:hover,
#footer_content a:active
{
    color:#5F5A59;
    display:block;
		background-image:url(../images/headerdivider.gif);
        background-position:right center;
        background-repeat:no-repeat;
		font-weight:bold;
        font-size:13px;
        padding: 8px 8px 6px 8px;
    text-decoration:underline;
   
}

#footer_content
	li.level-1-9 a
	{
		color:#5F5A59;
		display:block;
		background-image:none;
        background-position:right center;
        background-repeat:no-repeat;
		font-weight:bold;
        font-size:13px;
        padding: 8px 8px 6px 8px;
        
	}
/* 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 {padding:6px 0px 6px 0px;}
.SitePath {text-decoration:none; font-size:10px; color:#5F5A59;text-transform:uppercase;}
.SitePath:hover, .SitePath:active {color:#5F5A59; font-size:10px; text-decoration:underline;text-transform:uppercase;}
.SitePathSelected {color:#5F5A59;font-weight:normal; font-size:10px;text-transform:uppercase;}

#DataPagerContainer {text-align:right; padding:6px 0px 6px 0px;}
.Pager {padding:0px 4px 0px 0px; border:0px none #ffffff; border-right:1px solid #5F5A59;}
/* 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. */
.menudiv
{
    width: 1000px;
    height:30px;
    background-image:url(../images/headernavbg.gif);
    background-position:left top;
    background-repeat:repeat-x;
}

#MainNavigation
	li.level-1 a, li.level-1 a:link, li.level-1 a:visited, li.level-1 a:hover, li.level-1 a:active
	{
		display:block;
		background-image:url(../images/headerdivider.gif);
        background-position:right center;
        background-repeat:no-repeat;
		font-weight:bold;
        font-size:14px;
        padding: 8px 20px 6px 20px;
        margin-right:-2px;
	}

#MainNavigation
	li.level-1-1 a
	{
		display:block;
		background-image:url(../images/headerdivider.gif);
        background-position:right center;
        background-repeat:no-repeat;
		font-weight:bold;
        font-size:14px;
        padding: 8px 20px 6px 40px;
        
	}
	
#MainNavigation
	li.level-1-8 a
	{
		display:block;
		background-image:none;
        background-position:right center;
        background-repeat:no-repeat;
		font-weight:bold;
        font-size:14px;
        padding: 8px 60px 6px 12px;
        
	}
#MainNavigation
	li.level-1-8 ul
	{
		left:-18px;
        width:125px;
	}
#MainNavigation
	li.level-1-8 ul li ul
	{
		left:-201px;
        width:76px;
	}

#MainNavigation
	li.level-2 a
	{
	    display:block;
		background-image:none;
        font-weight:normal;
        font-size:12px;
        padding: 2px 2px 2px 2px;
	    margin-right:0px;
	    
	}
#MainNavigation
	li.level-2 a:hover
	{
	    display:block;
		background-image:none;
        font-weight:normal;
        font-size:12px;
        padding: 2px 2px 2px 2px;
	    background:#e0e1e0;
	    color:#5F5A59;
	    margin-right:0px;
	}
#MainNavigation
	li.level-1-1 ul 
	{
	    
	    
	}
	
.PrettyMenu .AspNet-Menu-Horizontal{}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 1000px;
    
}


/* 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
{
    color:#5F5A59;
    z-index:950;
    
    
}

/* 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: #5F5A59;
    
    border:0px solid #5F5A59;
    border-bottom: 0;
    
    /*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
{
    background:#5F5A59;
    margin-right:-2px;
    padding-right:2px;
}

.PrettyMenu ul.AspNet-Menu li:hover li:hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover
{
    margin-right:0px;
    padding-right:0px;
}

.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;
    margin-right:0px;
    padding-right:0px;
}

.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: #5F5A59;
    margin-right:0px;
    padding-right:0px;
}

/* 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: #ffffff;
    margin-right:0px;
    padding-right:0px;
    background: #5F5A59 url(../images/greyarrow.gif) right center no-repeat;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
    margin-right:0px;
    padding-right:0px;
}

/* 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
{
    left: 0;
    top: 100%;
    border:1px solid #492a46;
    width:150px;
    background:#ffffff !important;
    margin-right:0px;
    padding-right:0px;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: 20px;
    left:20px;
}

.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;
    width: 100%;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width: 100%;
}

/* 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.8em 0 0 10.35em;
}
/* 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 */

.SmallerFieldSection, .HalfFieldSection
{
    margin:0px 4px 0px 0px;
    float:left;
}
.disabledField
{
    color:#999999;
    background-color: #cecece;
}
/* End Address Control Classes AND Checkout Classes */
/* Mini Login (found on checkout.aspx) */
#mini-login
{
    width: 300px;
    float: left;
    margin-left: 10px;
    border: 2px solid #666666;
    position: absolute;
    left: 180px;
    z-index: 9999;
}
.mini-login-inner
{
    background: #ffffff;
    padding: 5px;
    border: 0px solid #666666;
}
.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;
    margin: 5px 0px;
}
.password-checklist-div ul
{
    margin-left: 25px;
}
.password-checklist-div li
{
    font-size: 11px !important;
    
    list-style-type: disc;
}
.create-acct-div
{
    text-align: left;
}
.create-acct-div input
{
    margin: 0px auto;
}
/* End Create Account */

/* Begin SiteMap Styles */
.sitemap-div
{
}
.sitemap-div ul
{
    list-style: none;
    
    
}
.sitemap-div ul li
{
    float: left;
    width: 100px;
    text-align: center !important;
    font-weight:bold;
    list-style: none !important;
    display: block;
}
.sitemap-div ul li a
{
    display: block !important;
    list-style: none;
    text-align: center !important;
    margin-left:33px;
}
.sitemap-div ul li ul
{
    list-style: none;
}
.sitemap-div ul li ul li
{
    display: block;
   font-weight:normal;
}
.sitemap-div ul li ul li a
{
    margin-left:0px;
}
.sitemap-div a:link, .sitemap-div a:visited
{
    text-decoration:none;
    color: #5F5A59 !important;
    text-align: center !important;
    display: block;
}
.sitemap-div a:hover, .sitemap-div a:active
{
    text-decoration:underline;
    color: #492a46 !important;
    text-align: center !important;
    display: block;
}
.sitemap-content-item
{
    display: block;
    clear: left;
    padding-top: 25px;
}
/* End SiteMap Styles */


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

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