/* *** ** Start of BreadCrumbs ** *** */
ul.s9_menus li.s9_hover a {
	color: #fff;
}/* *** ** End   of BreadCrumbs ** *** */
/* *** ** Start of DisplayItems ** *** */
.itemOriginalPrice {

color:#80ACFF;
font-size:99%;
font-weight:bold;
text-transform:uppercase;
margin-top:5px;
}

.ProductPriceTotal {
color:#00205A;
font-weight:bold;
}

.itemsDisplayTable td img.saleTag {
padding:4px 0 0 0;
width:48px;
}/* *** ** End   of DisplayItems ** *** */
/* *** ** Start of BlankWrapper ** *** */
.body {
	background-color: #ffffff;
	color: #000;
	font-family: Verdana, Trebuchet, Arial, sans-serif;
	font-size: 11px;
}

.RichText ul, .RichText li {
list-style-type:square;
list-style-position:outside;
margin-left:15px;
}

.body #ix_admin_bar {
	position: absolute;
	top: 0;
	left: 0;
	background: #00205a;
	border-bottom: 1px solid #fff;
	outline: none;
	opacity: 0.75;
	font-size: 9px;
}
.body #ix_admin_bar * {
	color: #fff;
}
.body #ix_admin_bar, .body #ix_admin_bar_spacer {
	height: 26px;
}


.body p, .p {
	line-height: 1.5em;
}

.body a {
	color: #00205a;
        font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

a.mailto {
	text-transform: none;
}

.body a:hover {
	text-decoration: underline;
}

.body h1, .h1, .body h2, .h2, .body h3, .h3, .body h4, .h4, .body h5, .h5, .body h6, .h6 {
	color: #000;
	font-weight: bold;
	font-size: 1em;
	margin: 0;
}

.body h1, .h1, .body h2, .h2 {
	text-transform: uppercase;
	margin-bottom: 5px;
}


.body textarea {
	border-width: 1px;
	padding: 2px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
}

.clear_both {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	border: none;
	padding: 0;
	margin: 0;
}

.inlines div {
	display: inline;
}

/* ** * ** SHIPPING NOTE STYLES * * * * * * * */

.PerItemShippingNote {
vertical-align:top;
height:10px;
padding:3px 0px;
}

.PerItemShippingNote span {
color:#666666;
font-style:italic;
vertical-align:top;
padding-top:6px;
}

.adxcp {
margin-left:50px;
/*width:400px;*/
}
.footer_row p {
	margin-top:0;
}
#footer .divider {
    border-left:1px solid #00205A;
    font-size:12px;
    padding-left:3px;
}

#footer .HorizMenuNav {
	display: inline;
}


#footer .HorizMenuNav ul {
	margin:0;
	font-size:12px;
	font-weight:normal;
	display: inline;
	padding: 0 0 0 4px;
}
#footer .HorizMenuNav li {
	margin:0;
	padding:0;
	list-style-type: none;
	display: inline;
	padding: 0 4px 1px 6px;
	border-left: 1px solid #00205A;
}

#footer .HorizMenuNav li.first_child {
	border-left: 0;
	padding-left:0;
}

#FooterLine1.HorizMenuNav {
    clear:both;
    display:block;
 margin-bottom:6px;
}

/* *** ** End   of BlankWrapper ** *** */
/* *** ** Start of BasicWrapper ** *** */
body.body {
	margin: 10px;
}

#wrapper {
	width: 757px; 
	margin-left:auto;
	margin-right:auto;
}

div#specialSignOut, #specialSignOut, #specialSignOut a, .BasicWrapper_S9LT_CssMenuNav_011, .CssMenuNav {
display:inline;
}
/* for special Sign Out link that appears in the footer */
.inline_nav ul.s9_menus, .inline_nav ul.s9_menus li, .inline_nav ul.s9_menus li a {
	display: inline;
	padding: 0;
	margin: 0;
}


#signOutPipe {
        padding-left:8px;
        font-size:12px;
}

.inline_nav ul.s9_menus li a {
	line-height: 1em;
	padding: 0 5px 0 8px;
	border-left: 1px solid #00205a;
}

.inline_nav ul.s9_menus li.first_child a {
	border-left: none;
}


#header, #footer {
	font-size: 9px;	
}

#header .inline_nav {
	text-align: right;
	padding: 0px 25px 6px 0;
}



#header #pageTitle {
	font-size: 11px;
	font-weight: bold;
	color: #00205a;
	text-transform: uppercase;
	background: #bfd4ff;
	border-bottom: 1px solid #82aaff;
	line-height: 1em;
	padding: 3px 10px 4px 11px;
	margin: 1px 0 8px 0;
}



#header #logoArea {
	background-color: #00205a;
	width: 757px;
	position: relative;
}

#header #searchArea {
	float: right;
	padding: 12px;
}

#header #searchArea form, #footer #newsletter_signup form {
	margin: 0;
}

#header #searchArea input, #footer #newsletter_signup input {
	margin: 0;
	vertical-align: middle;
        border-width: 1px;
	padding: 2px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
}

#footer {
	clear: both;
	text-align: center;
}

#footer div.footer_row {
	clear: both;
	margin-bottom: 1em; 
}

#footer div.first_child {
	padding: 2px 0 4px 0;
	height: 26px;
	padding-top:8px; /*     added 10/25/07 - PU */
}

#footer #questions {
	float: right;
	margin-left: 4px;
	display: none; /*       added 10/25/07 - PU */
}

#footer #newsletter_signup {
	font-weight: normal;
	text-transform: uppercase;
	color: #00205a;
/*	float: right; --        removed 10/25/07 - PU */
}


/* ---------- MAIN NAV ------------- */
.topNavMain { 
	color: #00205A;
	font-family: Verdana, Trebuchet, Arial, sans-serif;
	/* font-size: 60%; */
	text-align: left;
	margin: 0px;
	width: 757px;
	height:25px;	
	line-height: 12px;
}
.topNavMain ul { margin: 0; padding: 0; list-style: none; }
.topNavMain li { float: left; position: relative; width: 83px; color:#00205A; 
	border-left: 1px solid #00205A;
	border-bottom:1px solid #00205A;
	text-align:left;
	}
.topNavMain li a { text-align:center; display: block; color: #00205A; font-size:11px; padding: 5px 0 8px 0; font-weight:normal; }
.topNavMain li:hover { }
.topNavMain li:hover a { /*text-decoration: none;*/ }
.topNavMain li.last_child { border-right:1px solid #00205A;}

/* IE7 fixes */
html>body .topNavMain li:hover { *position:static; }

/* --- Styles for the first level dropdown --- */

.topNavMain ul ul {
	text-align: left;	
	position: absolute; 
	left: -998em; 
	width: 150px; 
	z-index:10; 
	border-right: 1px solid #89b2ff; 
	border-left: 1px solid #89b2ff; 
	background: #fff;
}

.topNavMain ul ul li { 
	float: none; 
	border-bottom: 1px solid  #89b2ff;
	border-right:0;
	border-left:0px;
	background-color: #fff;
	color: #00205A;
	text-align:left;
	font-weight: normal; 
	width: auto;
	padding:3px 0 0 6px;
	z-index:10;
}
.topNavMain ul ul li.last_child {border-right:0px;}
.topNavMain ul li:hover ul {left: auto; top: auto; }
.topNavMain ul ul li { /* line-height:1.2em; */ }
.topNavMain ul ul a { color: #00205A;	font-size: 10px; font-weight: normal; text-align:left; }
.topNavMain ul ul li:hover { position: relative; background-color:#00205A;}
.topNavMain ul ul li:hover a { color:#fff; text-decoration: none; }
.topNavMain ul ul li:hover ul { background: #fff; }
.topNavMain ul li:hover ul ul { left: -998em; }
.topNavMain ul ul li:hover ul { left: auto; top:auto; }

.topNavMain ul ul li:hover li { background: #80ACFF; border:0; border-bottom:1px solid #bad6ff; color: #00205a; }
.topNavMain ul ul li:hover ul a {	color: #00205a;	background: #80ACFF; }
.topNavMain ul ul ul { float:left; width:150px; margin: -20px 0 0 150px; background: #FDE7C2;
	background: #80ACFF; margin:-23px 0 0 144px; }
/* Target Safari */
body:last-child:not(:root:root) .topNavMain ul ul ul { margin-left:150px; }

.topNavMain ul li:hover ul ul ul { left: -998em; }
.topNavMain ul ul ul li:hover ul { left: auto; top:auto; }
.topNavMain ul ul ul ul { width:150px; float: left; margin: -23px 0 0 144px; background: #FDE7C2; }
/* Target Safari */
body:last-child:not(:root:root) .topNavMain ul ul ul ul { margin-left:150px; }

.topNavMain ul ul ul li:hover a { color:white; }

/* --- Styles for third level pop out menus --- */

.topNavMain ul li:hover ul ul ul { left: -998em; }
.topNavMain ul ul ul li:hover ul { left: auto; top:auto; }
.topNavMain ul ul ul ul { width:150px; float: left; margin: -20px 0 0 150px; background: #FDE7C2; }

/* First Row nav Overrides */
.topNavMain li.Audio { 		padding:0 0; /*z-index: 2;*/ }
.topNavMain li.Baskets--Bins { 	padding:0 0; /*z-index: 2;*/ width:125px; }
.topNavMain li.Hooks {		z-index:2; /*padding:0 0; width:125px; */ 		 }
.topNavMain li.Bath { 		padding:0 0; /*z-index: 2;*/ }
.topNavMain li.Closet { 	padding:0 0; /*z-index: 2;*/ }
.topNavMain li.Furniture { 	/* padding:0 0; */ /*z-index: 2;*/ }
.topNavMain li.Kids {		padding:0 0; /*z-index: 2;*/ }

/* Second Row nav Overrides */
.topNavMain li.Kitchen {	padding:0 0; /*z-index: 1;*/ }
.topNavMain li.Laundry {	padding:0 0; /*z-index: 1;*/ }
.topNavMain li.Novelty {	padding:0 0; /*z-index: 1;*/ width:125px;  }
.topNavMain li.Office {		padding:0 0; /*z-index: 1;*/ }
.topNavMain li.Travel {		padding:0 0; /*z-index: 1;*/ width:125px; }
.topNavMain li.Utility {	padding:0 0; /*z-index: 1;*/ }
.topNavMain li.Custom_Closet { 	padding:0 0; /*z-index: 1;*/ width:125px;}
.topNavMain li.Industrial-Steel-Shelving { padding:0 0; /*z-index: 1;*/ }

/* Adjusting the menu widths so we get full titles */
.topNavMain ul li.Audio ul { width:200px; }
.topNavMain ul li.Audio ul ul { width:150px; margin-left:194px; }
.topNavMain ul li.Bath ul { width:200px; }
.topNavMain ul li.Bath ul ul { margin-left:194px; width:150px; }
.topNavMain ul li.Closet ul { width:200px; }
.topNavMain ul li.Closet ul ul { margin-left:194px; width:150px; }
.topNavMain ul li.Kitchen ul { width:200px; }
.topNavMain ul li.Kitchen ul ul { margin-left:194px; width:150px; }
.topNavMain ul li.Office ul { width:200px; }
.topNavMain ul li.Office ul ul { margin-left:194px; width:150px; }

.topNavMain li.Sale {	padding:0 0; /*z-index: 1;*/ background-color:#E02804; }

.topNavMain li.Sale a {color:#fff;}
.topNavMain li.Sale:hover {color:#fff; background-color:#E02804;}

/* s9hover styles for IE6 */
* html #navRow1 { position: absolute; top: 75px; z-index: 20; }
* html #navRow2 { position: absolute; top: 101px; }
* html .Conditional2 { padding-top: 50px; }
* html .topNavMain a:hover { text-decoration: underline; }
* html .topNavMain ul ul a:hover { text-decoration: none; }
* html .topNavMain li { zoom:1; }
* html .topNavMain li.s9hover { /*background: url(/Resources/Category/000010/0000/menu-hover.gif) 0 0 repeat-x; */ }
* html .topNavMain ul li.s9hover ul { left: auto; top:auto; }
* html .topNavMain ul li.s9hover ul a { color: #00205A; }
* html .topNavMain ul ul li.s9hover { position: relative; background: #00205a; color:white; text-decoration:none; }
* html .topNavMain ul ul li.s9hover a { color:white; text-decoration: none; }
* html .topNavMain ul li.s9hover ul ul { left: -998em; }
* html .topNavMain ul ul li.s9hover ul { left: auto; top:auto; background: #80ACff; }
* html .topNavMain ul ul li.s9hover ul li { background: #80ACff; border-bottom: 1px solid #bad6ff;  }
* html .topNavMain ul ul li.s9hover ul a { color: #00205a; background: #80ACFF; }
* html .topNavMain ul ul ul li.s9hover a { color:white; }
* html .topNavMain ul li.s9hover ul ul ul { left: -998em; }
* html .topNavMain ul ul ul li.s9hover ul { left: auto; top:auto; }

/* IE Fix for overflowing text on Customer Service page */
.infoPageText {
	width: 582px;
}

#searchArea {
	display: none;
}/* *** ** End   of BasicWrapper ** *** */
/* *** ** Start of StorePageWrapper ** *** */
/* *****ff* StorePageWrapper * ********* */

.StorePageWrapper {
  border-bottom: 1px solid #000000;
  padding: 0px 9px;
}

/* ******** COMMON ITEMS ************ */
       
.columnLeft {
  float: left;
  margin: 10px 0 0 0;
  width: 262px !important;
 width: 250px;
}

.columnRight {
  margin: 10px 0 0 275px;
}

.DisplayGroup { /* IE 6.0 bumps DisplayGroup table down if DisplayGroup isn't floated left. */
  float:left;
width:100%;
}


.previousNext, .BatchSizeControl { 
    float:right;
    text-transform:uppercase;
    color:#00205A;
font-size:10px;


    }

/* what is this */
#prevNext {
  float: right;
  margin:0 3px 0px 0;
display:block;
}


.breadcrumbs { /* this wraps breadcrumbs and rtf so that we can give them a width- won't overlap previous/next */
    float:left;
    width:600px; 
    text-transform:uppercase;
    color:#00205A;
font-size:10px;
    
}


.categoryName {
        display: block;
        padding: 0px 3px;
        text-align: center;
        /* height: 40px;*/

}
.columnLeft .categoryName {
        display: block;
        padding: 10px 0 0 0;
        text-align: left;
        height: 20px;
        font-weight:bold;
        text-transform:uppercase;

}
.itemRelatedImages{
	float: left;
 	margin-top: 4px;
	width:700px;
  font-weight: bold;
}

.itemRelatedLinkImage{
  margin-left:0px;
  /*margin-right:20px;*/
  vertical-align: text-bottom;
}

#linkList {
  font-weight: normal;
  margin-top: 2px;
  line-height: 11px;
  }

#linkList li {
	display: inline;
}


.spacer {
	margin-bottom: 2px;
}

#header #pageTitle {
	padding: 3px 10px 4px 10px;
}

/* styles for custom download pages */

.link_btn {
	background: #80acff;
	padding: 2px 5px;
	border: solid 1px #bfd5ff;
        float: left;
        margin-right: 5px;
}
.link_btn a {
       color: #fff;
}

.bold {
   text-transform: uppercase;
   font-weight: bold;
}
.description {
      padding: 5px 0 12px 0;
}
.pdf_size {
     display: inline;
}

.spacer { /* fix for IE6.0 - added this spacer to keep StorePageWrapper border from overlapping content. */
clear:both;
height:10px;
width:720px;
}

/* * * * * * fixes styles for 3 call outs on the bottom of custom closet page */

.threeColTable td{
	padding:10px;
}

#largeCatImage img {
	border:1px solid #00205A;
}
.largeCatImage img {
	*float: left; /* IE Fix */
}
/* *** ** End   of StorePageWrapper ** *** */
/* *** ** Start of ItemsDisplay ** *** */
/* * * * * Items Page Layout Styles * * * */
/* * * * * if you are looking for 
           columnleft, columnright, displaygroup, breadcrumb, previousnext, 
           or batchsize styles, look in StorePageWrapper * * * * */

/* ****** ItemsDisplay Layout LEFT COL ******** */

.largeCatImage { 
  width: 261px;
  border:1px solid #00205A;
}
.categoryName {
     margin: 4px 0;
     font-weight: bold;
     font-size: 12px;
     color: #000;

}
.categoryDescription {
     width: 243px;
     margin: 10px;
	line-height:1.4em;
}

/* ******** ItemsDisplay Layout RIGHT COL ******* */

/* items display table */

/*
.itemsDisplayTable td{ 

  border-right: 1px solid #CCC;
  width: 150px;
  padding: 0 5px 10px 5px;
  vertical-align: top;
  text-align: center;
}
*/

.itemsDisplayTable td{ 

  border-bottom: 1px solid #CCC;
  width: 150px;
  padding: 15px 5px 20px 5px;
  vertical-align: top;
  text-align: center;
}

.itemsDisplayTable td.lastCell {
  border-right: none;
}

.itemsDisplayTable td img {
width: 140px;
padding:0px;
}

/* seriously, don't touch this, fix for safari, fragile, etc. */

.SubCategoryBox .linkToDetail:hover {
text-decoration:none;
}

.SubCategoryBox .categoryName:hover {
text-decoration:underline;
}

/* end safari fix */

/* *** ** End   of ItemsDisplay ** *** */
