/*
TOC ---------------------------

>1: RESET
>2: DEFAULT CLASSES
>3: ACCESSIBILITY
>4: DEFAULT STYLES
	>4a: Colours, Sizes, Etc
>5: LAYOUT STYLES
	>5a: top level layout elements
	>5b: header elements
	>5c: page content elements
	>5d: page sidebar elements
	>5e: footer elements
>6: GENERAL STYLES
    >6a: Page Toolbar
	>6b: Page Breadcrumbs
	>6c: Page Errors, Warnings, and Info
	>6d: Pagination
	>6e: Featured/Related Products
	>6f: Checkout
>7: PAGE SPECIFIC STYLES
	>7a: Home page
	>7b: Category Page
	>7c: Subcategories Page
	>7d: Category Products Page
	>7e: Product Display Page
    >7f: Shopping Cart Page
    >7g: Order Summary Page
    >7h: Order Confirmation Page
    >7i: Requisition List Create Page
	>7j: Requisition List Display Page
    >7k: Static Content Pages
    >7l: Login/ My Account Pages   
	>7m: Requisition List Update Page
	>7n: Requisition List Detail Display Page		
	>7o: Product Compare Page
	>7p: Session Timeout Page
	>7r: Quick Order Page
>8: SNIPPETS

*/

/* -- >1: RESET (Resets styles to common format across browsers) ---------------------------------------------------- */
/* v1.0 | 20080212, courtesy of Eric Meyer (http://meyerweb.com/eric/tools/css/reset/) */

/*
 *------------------------------------------------------------------- 
 * Change Activity
 * Date      Reason  Name     Description
 * 20090727  $T02    ibmls    Sidebar logo additions
 * 20090807  $T05    ibmls    Add styles for discount pricing
 * 20090915  $T09    ibmls    Modify styles for content spots
 * 20100315  $T14.2  ibmls    Personal list detail display
 * 20100316  $T22    ibmls    Unit of measure related updates
 *-------------------------------------------------------------------
 */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, 
em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Added by Brad Collins */
input, select, textarea, button {
    font-size: 100%;
}

/* -- >2: DEFAULT CLASSES (Commonly used classes) -------------------------------------------------------------------- */
.error, .warning {
	color: #b00;
}

/* -- >3: ACCESSIBILITY (Quick access for screen readers)------------------------------------------------------------- */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

/* -- >4: DEFAULT STYLES (Default element styles)--------------------------------------------------------------------- */
/* >4a: colours, sizes, etc of elements */
body {
	background: #353535 url(../images/topBg.png) repeat-x top left;
	color:      #252525;
	font:       62.5%/1.4 Arial, Helvetica, sans-serif; /* set font size to 10px/1em(a nice round number) - 1.4 line height */
}
a:link {
	color:           #114b7e;
	text-decoration: none;
}
a:visited {
	color:           #888;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
abbr, acronym {
    cursor: help;
}
p {
	margin: 0 0 1em;
}
input, textarea {
    padding: 2px;
	border:  1px solid #a5acb2;
}
select {
    padding: 1px;
	border:  1px solid #a5acb2;
}
input:hover, select:hover, textarea:hover {
	border-color: #2c2c2c;
}
input:focus, select:focus, textarea:focus {
	border-color: #ccc;
}
input.checkbox, input.radio {
	border:  0;
}
button {
	float:      left;
	font-size:  1em;
	margin:     0.29em 0 0;
	padding:    0.08em 0.2em 0em;
	color:      #878683;
	border:     none;
	background: #fff;
	cursor:     pointer;
	width:      3.8em;
}
.textpadd{
	padding-top:7px;
	display:block;
}
/* ClearFix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear{clear:both;}

/* -- >5: LAYOUT STYLES (Core site structure and layout)-------------------------------------------------------------- */

/* >5a: top level layout elements */

#Page-Header, #Page-Body, #Page-Footer {
	clear:  both;
}
#Page-Header {
	position:   relative;
	z-index:    0;
	overflow:   hidden;
	width:      980px;
	height:     142px;
	height:     177px;
	padding:    35px 0 0;
	padding:    0;
	margin:     0 auto;
	background: url(../images/headBg.png) no-repeat 0 35px;
}
#Page-Body {
    overflow:   auto;
	width:      960px;
	padding:    10px 10px 40px;
	margin:     0 auto;
	background: #fff;
}
#Page-Footer {
    position:   relative;
	width:      100%;
	padding:    1.4em 0;
	margin:     0;
	background: #000 url(../images/footerBg.gif) repeat-x top left;
	color:      #9c9c9c;
	font-size:  110%;  /* 11px */
}

/* >5b: header elements */

#Header-Logo {
	position:    absolute;
	top:         56px;
	left:        10px;
	width:       233px;
	height:      60px;
	background:  url(../images/conneySafety.gif) no-repeat top left;
	text-indent: -999em;
}
#Header-Tag-Line {
	position: absolute;
	top:      56px;
	left:     290px;
	width:    595px;
	width:    650px;
	margin:   0;
	color:    #fff;
	font:     normal normal 100 20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* BEGIN: NEW OFFER ZONE */
.Header-Tag-Line-Offers{
	position: absolute;
	top:      45px;
	left:     290px;
	width:    700px;
	margin:   0;
	color:    #fff;
	font:     normal normal 100 20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.Header-Tag-Line-Offers .offercol{
	width:100%;
	 
	 margin:17px 0;
}
.Header-Tag-Line-Offers  a{
	text-decoration:none;
	color:#fff;
}
.Header-Tag-Line-Offers  a:hover{
	text-decoration:none;
	color:#ccc;
}
.Header-Tag-Line-Offers .offercol h3{
	margin:   0px ;
	padding: 0px 5px 5px 5px;
	color:    #fff;
	float:left;
	font:  normal normal 100 11px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:bold;
	width:165px;
	 text-align:center;
	/*text-transform:uppercase;*/
	vertical-align:middle;
	 
}
.Header-Tag-Line-Offers .bullet{
	font-size:	14px;
}
/* END: NEW OFFER ZONE */

#Header-Nav {
	position:   absolute;
	left:       0;
	bottom:     -1px;  /* HACK (IE6): Get rid of space at bottom */
	overflow:   hidden;
	width:      980px;
	height:     36px;
	padding:    0;
	margin:     0;
	background: url(../images/navBg.gif) repeat-x top left;
	text-align: center;
}
html > body #Header-Nav {
	bottom: 0;  /* HACK (IE6): Reset in compliant browsers */
}
#Header-Nav .container {
	display:         inline-block;  /* HACK (IE6/7): This element is only necessary to make IE6/7 work */ 
	text-decoration: none;
}
html > /**/ body #Header-Nav .container {
	display: block;  /* HACK (IE6/7): Reset in more compliant browsers */
}
#Header-Nav ul {
	display:         table;
	padding:         0; 
	margin:          0 auto; 
	list-style-type: none;
	white-space:     nowrap;
}	
#Header-Nav li {
	float:      left;  /* HACK (IE6/7): Make design work in IE6/7 */
	background: url(../images/navDivider.gif) no-repeat center left;
	padding:    0 12px;
	margin:     1px 0 0 0;
}
html > /**/ body #Header-Nav li {
	display:    table-cell;  /* HACK (IE6/7): Reset in more compliant browsers */
}
#Header-Nav li.first {
	background: none;
}
#Header-Nav li.login-logout,
#Header-Nav li.login-logout a {
	color: #f37321;
}
#Header-Nav li a {
	float:       left;  /* HACK (IE6/7): Make design work in IE6/7 */
	padding:     8px 12px 0;
	height:      27px;
	color:       #fff;
	font:        100 130% 'Helvetica Neue', Helvetica, Arial, sans-serif;  /* 13px */
	text-align:  center;
}
#Header-Nav .fontOrange{
	color:	#f37321;
	}
html > /**/ body #Header-Nav li a {
	display: block;
}
#Header-Nav li a:hover,  #Header-Nav li.selected a {
	background:      url(../images/navActiveBg.gif) repeat-x top left;
	text-decoration: none;
}
#Header-Contact, #Header-Cart {
	position:       absolute;
	top:            7px;
	height:         21px;
	font-size:      130%;  /* 11px */
	line-height:    21px;
}
#Header-Contact {
	left:  0;
	color: #d1d1d1;
}
#Header-Contact span, #Header-Contact a {
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	float:   left;
}
#Header-Contact .phone {
    color:       #F37321;
	font-weight: bold;
}
#Header-Contact a.chat-live {
	width:          85px;
	height:         21px;
	background:     url(../images/chatLive_new.gif) no-repeat 0 0;
	text-indent:    -999em;
	margin:         0 1em;
	vertical-align: middle;
}
#Header-Contact a.chat-live:hover {
	background-position: 0 -21px;
}
#Header-Cart {
	right:      0;
	color:      #fff;
	text-align: right;
}

#Header-Cart li {
	display: inline;
	float:   left;
}
#Header-Cart li a {
	color:        #f37322;
	padding-left: 1ex;
	border-left:  1px solid #434141;
	margin-left:  1ex;
}
#Header-Cart a:hover {
}
#Header-Cart .first a {
	padding-left: 0;
	border-left:  0;
	margin-left:  0;
}
#Header-Cart .welcome {
    font-weight: bold;
}
#Header-Cart a.login-register{
	width:          104px;
    height:         21px;
    background:     url(../images/login_register.gif) no-repeat 0 0;
    margin:         0 1em;
    text-indent:   -999em;
    vertical-align: middle;
    display:             block;
    font-size: 0px;
    line-height: 0px;
    overflow: hidden;
	
	
}
#Header-Cart a.login-register:hover {
	background-position: 0 -20px;
}

#Header-Cart .cart-item a {
	color: #fff;
}
#Header-Cart .cart-item a span {
	color: #f37322;
}
#Header-Cart .bookmark-site a {
	color: #fff;
	padding-left: 10px;
}

/* >5c: page content elements (default style for elements and classes in the page content) */

#Page-Content {
    position:  relative;
	float:     right;
	width:     714px;
	font-size: 120%;  /* 12px */
}
#Page-Content abbr,
#Page-Content acronym {
    border-bottom: 1px dotted;
}
#Page-Content cite {
    display:    block;
    color:      #515151;
	font-style: italic;
}
#Page-Content h2 {
	overflow:    hidden;
	width:       679px;
	padding:     24px 15px 8px 15px;
	margin:      0 0 12px;
	background:  #000 url(../images/h2Bg.gif) no-repeat 0 0;
	color:       #fff;
	font-size:   208.33%;  /* 25px */
	line-height: 1.4em;
	font-weight: 100;
}
#Page-Content h3 {
    clear:         both;
    width:         100%;  /* HACK (IE6): trigger hasLayout to make border show up */
	border-bottom: 1px solid #e8e8e8;
	margin:        1em 0 0.5em;  /* 18px 0 9px */
    color:         #515151;
	font-size:     150%;  /* 18px */
	font-weight:   normal;
}
#Page-Content h4 {
    clear:         both;
    width:         100%;  /* HACK (IE6): trigger hasLayout to make border show up */
	border-bottom: 1px solid #e8e8e8;
	margin:        1em 0 0.4em;  /* 15px 0 6px */
    color:         #515151;
	font-size:     125%;  /* 15px */
	font-weight:   normal;
}
#Page-Content h5 {
    width:       100%;  /* HACK (IE6): trigger hasLayout to make border show up */
	margin:      1em 0 0.5em;  /* 14px 0 7px */
    color:       #515151;
	font-size:   116.66%;  /* 14px */
	font-weight: bold;
}
#Page-Content h6 {
    width:          100%;  /* HACK (IE6): trigger hasLayout to make border show up */
	margin:         1em 0 0.5em;  /* 12px 0 6px */
    color:          #515151;
	font-weight:    bold;
	font-style:     normal;
	text-transform: uppercase;
}
#Page-Content blockquote {
    padding:       1em 1em 0;
	border-bottom: 1px solid #fff;
	margin:        1em 3em;
    background:    #FDECE1;
}
#Page-Content dl {
    margin: 0 0 1em;
}
#Page-Content dt {
    font-weight: normal;
	font-style:  italic;
}
#Page-Content dt em {
    font-style:  normal;
}
#Page-Content dd {
    margin: 0 0 1em 4ex;
}
#Page-Content iframe {
	margin: 0 0 1em;
}
#Page-Content ol {
    list-style: decimal;
    margin:     0 0 1em;
}
#Page-Content ol ol {
    list-style: lower-alpha;
}
#Page-Content ol ol ol {
    list-style: lower-roman;
}
#Page-Content ul {
    list-style: disc;
	margin:     0 0 1em;
}
#Page-Content ul ul {
    list-style: circle;
}
#Page-Content ul ul ul {
    list-style: square;
}
#Page-Content li {
    margin: 0 0 0 5ex;
}
#Page-Content .tabular-data {
    border-bottom: 2px solid #e8e8e8;
    border-bottom: 2px solid #000;
    margin:        0 auto 1em;
    font-size:     91.66%;  /* 11px */
}
#Page-Content .tabular-data caption {
	font-weight: bold;
}
#Page-Content .tabular-data th,
#Page-Content .tabular-data td {
    padding:        0.5em;
    vertical-align: top;
}
#Page-Content .tabular-data thead th {
	background:     url(../images/blackBarBg.gif) repeat-x top left;
	color:          #d4d4d4;
	font-weight:    bold;
	text-align:     center;
	vertical-align: middle;
	white-space:    nowrap;
}
#Page-Content .tabular-data tbody th,
#Page-Content .tabular-data tbody td {
    text-align:    left;
}
#Page-Content .tabular-data tbody tr:nth-child(2n) th,
#Page-Content .tabular-data tbody tr:nth-child(2n) td {
	background: #f5f5f5;
}
#Page-Content .tabular-data tbody tr.alt th,
#Page-Content .tabular-data tbody tr.alt td {
	background: #f5f5f5;
}
#Page-Content .tabular-data tfoot {
    background: url(../images/summaryFooterBackground.gif) 0 0 repeat-x;
}
#Page-Content hr {
    clear:      both;
    border-top: 3px dotted #515151;
	margin:     1.5em 0;
	color:      #fff;
}
#Page-Content .buttons {
    overflow: auto;  /* enclose floats */
	clear:    both;
	width:    100%;  /* HACK (IE6): make overflow:auto work */
}
#Page-Content .figure {
    text-align: center;
}
#Page-Content .figure .caption {
    margin:         0 0 1em;
    font-size:      91.66%;  /* 11px */
	text-transform: uppercase;
}
#Page-Content .figure.banner,
#Page-Content .figure.stand-alone,
#Page-Content img.banner,
#Page-Content img.stand-alone {
	display: block;
	margin:  1em auto;
}
#Page-Content .figure.cutout,
#Page-Content .figure.inset,
#Page-Content img.cutout,
#Page-Content img.inset {
    float:   right;
    clear:   right;
	display: inline;  /* HACK (IE6): fix doubled float margin */
	margin:  0 0 1em 1em;
}
#Page-Content .figure.cutout.alt,
#Page-Content .figure.inset.alt,
#Page-Content img.cutout.alt,
#Page-Content img.inset.alt {
    float:   left;
    clear:   left;
	margin:  0 1em 1em 0;
}
#Page-Content .figure.inset img,
#Page-Content .figure.banner img,
#Page-Content img.inset,
#Page-Content img.banner {
    border: 2px solid #515151;
}

/* >5d: page sidebar elements */

#Page-Sidebar {
	float: left;
	width: 236px;
}
#Sidebar-Tabs {
	position:  relative;
	padding:   1px 0 0;  /* top padding keeps child element margins inside this element */
	margin:    0 0 1em;
	font-size: 110%;  /* 11px */
}
#Sidebar-Tabs h3 {
    overflow: hidden;
    position: absolute;
	top:      0;
	z-index:  10;
	height:   24px;
	padding:  0;
	border:   0;
	margin:   0;
}
#Sidebar-Tabs h3 a {
	display:     block;
	height:      24px;
	background:  url() no-repeat top left;
	text-indent: -999em;
}
#Sidebar-Tabs .active h3 a,
#Sidebar-Tabs .active h3 a:hover {
	background-position: left -48px;
}
#Sidebar-Tabs h3 a:hover {
	background-position: left -24px;
}
#Sidebar-Tabs #Sidebar-Product-Search h3 {
    left: 0;
}
#Sidebar-Tabs #Sidebar-Quick-Order h3 {
    left: 124px;
}
#Sidebar-Tabs #Sidebar-Product-Search h3 a {
	background-image: url(../images/productSearch.gif);
	width:            124px;
}
#Sidebar-Tabs #Sidebar-Quick-Order h3 a {
	background-image: url(../images/quickOrder.gif);
	width:            98px;
}
#Sidebar-Tabs form {
    display:    none;
	padding:    10px;
	border:     1px solid #cecece;
	margin:     22px 0 0;
	background: #eae9e9;
}
#Sidebar-Tabs .active form {
    display: block;
}
#Sidebar-Tabs .tab-pane form div {
	overflow: auto;  /* enclose floats */
	width:    100%;  /* HACK (IE6): make overflow:auto work */
	margin:   0 0 4px;
}
#Sidebar-Tabs label {
	float:   left;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	padding: 3px 0 0;
}
#Sidebar-Tabs input, #Sidebar-Tabs select {
	float: left;
}
#Sidebar-Tabs input {
	padding: 2px;
}
#Sidebar-Tabs select {
	padding: 1px;
}
#Sidebar-Product-Search label {
	width: 70px;
}
#Sidebar-Product-Search input {
	width: 138px;
}
#Sidebar-Product-Search select {
	width: 144px;
}
#Sidebar-Product-Search button {
	float:       right;
	width:       62px;
	height:      23px;
	background:  url(../images/searchBtn.gif) no-repeat 0 0;
	text-indent: -999em;
}
#Sidebar-Product-Search button:hover {
	background-position:  0 -23px;
}
#Sidebar-Quick-Order label {
	width: 40px;
}
#Sidebar-Quick-Order label.qty {
	width:  25px;
	margin: 0 0 0 20px;
}
#Sidebar-Quick-Order input {
	width: 97px;
}
#Sidebar-Quick-Order input.qty {
	width: 20px;
}
#Sidebar-Quick-Order button.add-more-items {
    float:           left;
	width:           120px;
	padding:         7px 0 0;
	margin:          0;
	background:      transparent;
	color:           #114B7E;
	text-align:      center;
    text-decoration: underline;
}
#Sidebar-Quick-Order button.add-more-items:hover {
    text-decoration: none;
}
#Sidebar-Quick-Order button.add-to-cart {
	background:  url(../images/addToCart.gif) no-repeat 0 0;
	width:       84px;
	height:      22px;
	text-indent: -999em;
	float:       right;
}
#Sidebar-Quick-Order button.add-to-cart:hover {
    background-position: 0 -22px;
}
#Sidebar-Nav {
    margin:     1em 0;
	font-size:  120%;  /* 12px */
}
#Sidebar-Nav h3 {
    width:          216px;  /* HACK (IE6): keeps gap from appearing on left-hand side when "Quick Order" tab is selected */
	padding:        10px;
	margin:         0;
	background:     #3d3d3d url(../images/navColTopBg.gif) repeat-x top left;
	color:          #f37321;
	font-size:      108.33%;  /* 13px */
	line-height:    1;
	font-weight:    100;
	text-transform: uppercase;
}
#Sidebar-Nav ul {
    display:      block;
	border:       2px solid #2f2f2f;
	border-width: 2px 2px 1px;
	margin:       0;
	background:   #3d3d3d;
}
#Sidebar-Nav li {
    display:       block;
	padding:       0;
	border-bottom: 1px solid #2f2f2f;
}
#Sidebar-Nav li a {
	display:    block;
	width:      202px;  /* HACK (IE6): remove gap between li/a tags */
	padding:    4px 10px 4px 20px;
	background: url(../images/navArrow.gif) no-repeat 10px center;
	color:      #e0dfdf;
}
#Sidebar-Nav li.featured a {
	background:  url(../images/boldNavArrow.gif) no-repeat 10px center;
	font-weight: bold;
}
#Sidebar-Nav li a:hover, 
#Sidebar-Nav li.selected a:hover {
	color:           #3d3d3d;
	background:      #f37321 url(../images/navHoverArrow.gif) no-repeat 10px center;
	text-decoration: none;
}
#Sidebar-Nav li.selected a {
	color:      #3d3d3d;
	background: #e0dfdf url(../images/selectNavArrow.gif) no-repeat 10px center;
}
#Sidebar-Nav ul ul {
	border:     0;
	margin:     0;
	background: #2f2f2f;
}
#Sidebar-Nav li li {
	padding:       0;
	border-bottom: 0;
	border-top:    0;
	margin:        0;
	background:    none;
}
#Sidebar-Nav li.selected li a {
    width:      192px;  /* HACK (IE6): remove gap between li/a tags */
	padding:    4px 10px 4px 30px;
	margin:     0;
	background: #2f2f2f url(../images/subNavArrow.gif) no-repeat 20px center;
	color:      #e0dfdf;
}
#Sidebar-Nav li.selected li a:hover {
	background-position: 20px center;
}
#Sidebar-Nav li li.selected a {
	color: #f37321;
}
#Sidebar-BBB table,         /* @T02A */
#Sidebar-McAfee table,      /* @T02A */
#Sidebar-Verisign table {
	margin: 0 auto;
}

/* >5e: footer elements */
#Footer-Back-To-Top {
    position:    absolute;
	top:         -17px;
	left:        50%;
	width:       66px;
	height:      17px;
	margin-left: 404px;
	background:  url(../images/backTopBg.gif) no-repeat 0 0;
	text-indent: -999em;
}
#Footer-Back-To-Top:hover {
	background-position: 0 -17px;
}
#Footer-Search {
    overflow:   auto;  /* enclose floats */
	width:      920px;
	background: #515151;
	margin:     0 auto 1.4em;
	padding:    12px 10px 10px;
}
#Footer-Search h3, #Footer-Search div {
    float:          left;
	display:        inline;  /* HACK (IE6): fix doubled float margin bug */
	height:         23px;
	height:         21px;
	margin:         0;
	line-height:    23px;
	line-height:    21px;
	vertical-align: middle;
}
#Footer-Search h3 {
	padding:     0 1em 0 0;
	color:       #dedede;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:   136.36%;  /* 15px */
	font-weight: 100;
}
#Footer-Search div {
	padding:      0 1em;
	border-right: 1px solid #6d6d6d;
}
#Footer-Search .category, #Footer-Search .buttons {
    padding-right: 0;
    border:        0;
}
#Footer-Search label {
	padding: 0 1ex 0 0;
}
#Footer-Search input, 
#Footer-Search select {
	border:         0;
	background:     #dcdcdc;
	font-size:      100%;
	vertical-align: middle;  /* HACK (IE6/7): aligns to baseline */
}
html > /**/ body #Footer-Search input, 
html > /**/ body #Footer-Search select {
	vertical-align: baseline;  /* HACK (IE6/7): reset in compliant browsers */
}
#Footer-Search input {
	width:   144px;
	padding: 3px;
}
#Footer-Search select {
	width:   150px;
	padding: 3px;
}
#Footer-Search button {
    float:          left;
	display:        inline;  /* HACK (IE6): fix doubled float margin bug */
	width:          61px;
	height:         21px;
	padding:        0;
	border:         0;
	margin:         0;
	background:     url(../images/searchBtnFooter.gif) no-repeat 0 0;
	text-indent:    -999em;
	vertical-align: middle;
}
#Footer-Search button:hover {
	background-position: 0 -21px;
}
#Footer-Nav {
    overflow: auto;  /* enclose floats */
	width:    980px;
	padding:  0;
	margin:   10px auto;
}
#Footer-Nav li a {
	color: #fff;
}
#Footer-Nav li.live-chat a span {
	text-transform: uppercase;
}
#Footer-Nav li {
    overflow:   hidden;
    display:    inline;  /* HACK (IE6): fix doubled float margin bug */
	float:      left;
	width:      210px;
	padding:    0 5px 0 25px;
	margin:     0;
	background: url() no-repeat 20px 0;
}
#Footer-Nav h3 {
	padding-right: 5px;
	border-bottom: 1px solid #363636;
	margin:        0 -5px 10px 25px;
	color:         #f37321;
	font:          100 127.27%/1.571 "Helvetica Neue", Helvetica, Arial, sans-serif;  /* 14px/22px */
}
#Footer-Nav li p {
	margin: 0 0 0.7em;
}
#Footer-Nav li li {
    padding:    0 2px 0 8px;
	margin:     0 0 0.35em;
    background: url(../images/footerNavLinkBullet.gif) 0 0 no-repeat;
}
#Footer-Nav li.request-catalog {
	background-image: url(../images/bookIcon.gif);
}
#Footer-Nav li.live-chat {
	background-image: url(../images/chatLiveIcon.gif);
}
#Footer-Nav li.tech-support {
	background-image: url(../images/supportIcon.gif);
}
#Footer-Nav li.information {
	background-image: url(../images/infoIcon.gif);
}
#Footer-Nav li.live-chat h3 {
	margin-left:    30px;
	text-transform: uppercase;
}
#Footer-Nav li.information ul {
	overflow: auto;  /* enclose floats */
	width:    100%;  /* HACK (IE6): make overflow:auto work */
	margin:   0;
	padding:  0;
}
#Footer-Nav li.information li {
	width: 95px;
}
#Footer-Nav li a.footerlink {
	color: #F37321;
}

#Footer-Legal {
    clear:      both;
	width:      940px;
	padding:    0.7em 0;
	margin:     2.8em auto 0;
	background: #1a1a1a;
	color:      #4a4a4a;
	font-size:  90.91%;  /* 10px */
	text-align: center;
}

/* -- >6: GENERAL STYLES (Recurring styles, all within Page-Content)------------------------------------------------------------------------------ */

/* >6a: Page Toolbar (e-mail and print links) */

ul#Page-Toolbar {
    float:      right;
    display:    inline;  /* HACK (IE6): fix doubled float margin bug */
	margin:     0 0 1.5em !important;
   	background: #f2f2f2;
}
ul#Page-Toolbar li {
	list-style: none;
    float:      left;
	padding:    4px 6px 4px 0 !important;
	margin:     0             !important;
}
ul#Page-Toolbar li.first {
	padding-left: 6px !important;
}
ul#Page-Toolbar a {
    overflow:    hidden;
    display:     block;
	width:       10px;
	height:      10px;
	background:  url() no-repeat 0 0;
	text-indent: -999em;
}
ul#Page-Toolbar .email a {
    background-image: url(../images/emailIcon.gif);
}
ul#Page-Toolbar .print a {
    background-image: url(../images/printIcon.gif);
}

/* >6a1: Print Page Toolbar (print links) Biren added this */

ul#Page-Toolbar-Print {
    float:      right;
    display:    inline;  /* HACK (IE6): fix doubled float margin bug */
	margin:     0 0 1.5em !important;
   	background: #f2f2f2;
}
ul#Page-Toolbar-Print li {
	list-style: none;
    float:      left;
	padding:    4px 6px 4px 0 !important;
	margin:     0             !important;
}
ul#Page-Toolbar-Print li.first {
	padding-left: 6px !important;
}
ul#Page-Toolbar-Print a {
    overflow:    hidden;
    display:     block;
	width:       10px;
	height:      10px;
	background:  url() no-repeat 0 0;
	text-indent: -999em;
}
ul#Page-Toolbar-Print .print a {
    background-image: url(../images/printIcon.gif);
}

/* >6b: Page Breadcrumbs */

ol#Page-Breadcrumbs {
	overflow:   auto;  /* enclose floats */
	width:      665px     !important;
	padding:    0         !important;
	margin:     0 0 1.5em !important;
	color:      #8f8f8f;
	font-size:  91.66%;  /* 11px */
}
ol#Page-Breadcrumbs li {
	list-style:  none         !important;
	float:       left         !important;
	padding:     0 2px 0 12px !important;
	margin:      0            !important;
	background:  url(../images/breadcrumbBullet.gif) left 0 no-repeat;
	line-height: 1.5;
}
ol#Page-Breadcrumbs li a {
    display: block;
	color:   #595959;
}

/* >6c: Page Errors, Warnings, and Info */

#Page-Errors, #Page-Warnings, #Page-Info {
	padding:      1em 2em 0 45px;
	border-width: 2px 0 2px 15px;
	border-style: solid;
	margin:       2em 0;
	color:        #333;
	font-size:    91.66%;  /* 11px */
}
#Page-Errors {
	border-color:        #900;
	background:          #fdd url(../images/pageErrorIcon.gif) no-repeat;
	background-position: 25px 50%;  /* HACK (IE6): nudge backround right to account for border thickness */
}
#Page-Warnings {
	border-color:        #F37321;
	background:          #FFF0C1 url(../images/pageWarningIcon.gif) no-repeat;
	background-position: 25px 50%;  /* HACK (IE6): nudge backround right to account for border thickness */
}
#Page-Info {
	border-color: #999;
	background:          #F5F5F5 url(../images/pageInfoIcon.gif) no-repeat;
	background-position: 25px 50%;  /* HACK (IE6): nudge backround right to account for border thickness */
}
html > /**/ body #Page-Errors,
html > /**/ body #Page-Warnings, 
html > /**/ body #Page-Info {
	background-position: 10px 50%;  /* HACK (IE6): reset in compliant browsers */
}
#Page-Errors h3,
#Page-Warnings h3, 
#Page-Info h3 {
	width:       auto;
	padding:     0;
	border:      0;
	margin:      0;
	font-size:   100%;  /* 11px */
	font-weight: bold;
}

/* >6d: Pagination */

#Pagination {
	display:       block;
	margin:        1em 0;
	border-bottom: 3px solid #f2f2f2;
	padding:       0 0 0.5em;
	font-size:     91.66%;  /* 11px */
	text-align:    right;
}
#Pagination li {
	display:    inline;  /* HACK (IE6/7): force inline-block display */
	list-style: none    !important;
	padding:    2px 3px !important;
	margin:     0       !important;
}
html > /**/ body #Pagination li {
	display: -moz-inline-stack;  /* HACK (IE6/7): reset in more compliant browsers */
	display: inline-block;
}
#Pagination li.selected {
	background: #f2f2f2;
}
#Pagination li a {
	display: -moz-inline-stack;
	display: inline-block;
}

/* >6e: Featured/Related Products */

#Featured-Products {
    margin: 2em 0 1em;
}
#Featured-Products h3 {
    /* Marked important to override any settings that cascade from page-specific styles */
	border:        0       !important;
	margin-bottom: 0.3em   !important;
	color:         #494949 !important;
	font-size:     200%    !important;  /* 24px */
	font-weight:   bold    !important;
}
#Featured-Products h3 strong {
	color: #f37322;
}
#Featured-Products ul {
	overflow:   hidden;
	width:      708px;
	height:     219px;
	padding:    8px 0 0 1px;
	background: url(../images/featured4ColBg.gif) no-repeat top left;
}
#Featured-Products li {
    overflow:   hidden;
	float:      left;
	list-style: none;
	display:    inline;  /* HACK (IE6): fix doubled float margin bug */
	width:      162px;
	height:     205px;
	padding:    3px;
	margin:     0 0 0 7px;
	background: url(../images/productPanel4ColBg.gif) no-repeat top left;
}
#Featured-Products h4 {
	overflow:    hidden;
	width:       auto;
	height:      30px;
	padding:     0;
	border:      0;
	margin:      8px 0.5em;
	color:       #151515;
	font-size:   108.33%;  /* 13px */
	font-weight: bold;
	line-height: 1.1em;
}
#Featured-Products img {
	display: block;
	padding: 10px 0 0;
	margin:  0 auto 1em;
}
#Featured-Products p {
	margin:      5px 5px 0;
	color:       #252525;
	font-size:   91.66% !important;  /* 11px */
	line-height: 1.1em;
}

/* >6f: Checkout */

.checkout #Page-Content h3 {
    width:         100%;  /* HACK (IE6): trigger hasLayout to make border show up */
	border-bottom: 1px solid #e8e8e8;
	margin:        0 0 0.5em;  /* 0 0 8px */
    color:         #515151;
	font-size:     133.33%;  /* 16px */
	font-weight:   normal;
}
.checkout #Page-Content .buttons {
    overflow: auto;  /* enclose floats */
	clear:    both;
	width:    100%;  /* HACK (IE6): make overflow:auto work */
}
.checkout #Checkout-Cart {
    margin: 4em 0;
}
.checkout #Checkout-Cart .tabular-data {
    width: 100%;
}
.checkout #Checkout-Cart .tabular-data .description {
    text-align: left;
}
.checkout #Checkout-Cart .tabular-data .total {
    text-align:     right;
    text-transform: uppercase;
}
.checkout #Checkout-Cart .tabular-data tbody .item,
.checkout #Checkout-Cart .tabular-data tbody .qty,
.checkout #Checkout-Cart .tabular-data tbody .available {
	text-align: center;
}
.checkout #Checkout-Cart .tabular-data tbody .item-number{
	display:		block;
	white-space:	nowrap;
}

.checkout #Checkout-Cart .tabular-data tbody .list-price,
.checkout #Checkout-Cart .tabular-data tbody .offer-price,
.checkout #Checkout-Cart .tabular-data tbody .savings,
.checkout #Checkout-Cart .tabular-data tbody .total {
	text-align: right;
}
.checkout #Checkout-Cart .tabular-data tbody .offer-price,
.checkout #Checkout-Cart .tabular-data tbody .total {
    font-size:   127.27%;  /* 14px */
	font-weight: bold;
	line-height: 1;
}
.checkout #Checkout-Cart .tabular-data tbody .offer-price .beforediscountprice {
	text-decoration: line-through; 
}
.checkout #Checkout-Cart .tabular-data tbody .nonsellable {
	color: #900;
}
.checkout #Checkout-Cart .tabular-data tbody .select input {
    margin-top: 23px;
}
.checkout #Checkout-Cart .tabular-data tbody .image img {
    display: block;
	width:   60px;
}
.checkout #Checkout-Cart .tabular-data tbody .image a {
	overflow: hidden;
	display:  block;
	width:    60px;
	border:   1px solid #d4d4d4;
	margin:   0 auto;
}
.checkout #Checkout-Cart .tabular-data tbody .custom-part-number {
    font-weight: bold;
}
.checkout #Checkout-Cart .tabular-data tbody .hazmat,
.checkout #Checkout-Cart .tabular-data tbody .ormd {
    height:      1px;  /* HACK (IE6): trigger hasLayout to make background appear */
	min-height:  1px;  /* HACK (IE7): trigger hasLayout to make background appear */
    padding:     3px 0 3px 18px;
	background:  url() 0 50% no-repeat;
	font-weight: bold;
}
html > body.checkout #Checkout-Cart .tabular-data tbody .hazmat,
html > body.checkout #Checkout-Cart .tabular-data tbody .ormd {
    height: auto;  /* HACK (IE6): reset in compliant browsers */
}
.checkout #Checkout-Cart .tabular-data tbody .hazmat {
	background-image: url(../images/hazmatIcon.gif);
	color:            #c30;
}
.checkout #Checkout-Cart .tabular-data tbody .ormd {
	background-image: url(../images/ormdIcon.gif);
	color:            #0C79BA;
}
.checkout #Checkout-Cart .tabular-data tbody h4 {
	width:       auto;
    padding:     0 0 2px;
    border:      0;
    margin:      0;
	font-size:   109.09%;  /* 12px */
	line-height: 1.15;
	font-weight: bold;
}
.checkout #Checkout-Cart .tabular-data tbody .qty input {
    width:      2em;
    padding:    1px;
    text-align: center;
}
.checkout #Checkout-Cart .tabular-data tbody .list-price {
	text-decoration: line-through;
}
.checkout #Checkout-Cart .tabular-data tbody .offer-price {
	color: #595959;
}
.checkout #Checkout-Cart .tabular-data tfoot th,
.checkout #Checkout-Cart .tabular-data tfoot td {
    padding-top:    3px;
	padding-bottom: 3px;
    font-weight:    normal;
    text-align:     right;
}
.checkout #Checkout-Cart .tabular-data tfoot .first th,
.checkout #Checkout-Cart .tabular-data tfoot .first td {
    border-top: 2px solid #2f2f2f;
}
.checkout #Checkout-Cart .tabular-data tfoot .last th,
.checkout #Checkout-Cart .tabular-data tfoot .last td {
    padding-top:    6px;
	padding-bottom: 4px;  /* Shave off 2px for bottom border */
	background:     #000 url(../images/blackBarBg.gif) repeat-x top left;
	color:          #d4d4d4;
	font-size:      145.45%;  /* 16px */
	line-height:    1.7;
	font-weight:    bold;
}
.checkout #Checkout-Update-Button {
    float:       right;
    overflow:    hidden;
    width:       128px;
	height:      37px;
	background:  url(../images/cartUpdateButton.gif) 0 0 no-repeat;
	text-indent: -999em;
}
.checkout #Checkout-Update-Button:hover {
    background-position: 0 -37px;
}
.checkout #Checkout-Remove-Button {
    overflow:     hidden;
    width:        82px;
	height:       30px;
	margin-right: 6px;
	background:   url(../images/cartRemoveButton.gif) 0 0 no-repeat;
	text-indent:  -999em;
}
.checkout #Checkout-Remove-Button:hover {
    background-position: 0 -30px;
}
.checkout #Checkout-Add-To-Req-List-Button {
    overflow:    hidden;
    width:       140px;
	height:      30px;
	background:  url(../images/cartAddToReqListButton.gif) 0 0 no-repeat;
	text-indent: -999em;
}
.checkout #Checkout-Add-To-Req-List-Button:hover {
    background-position: 0 -30px;
}
.checkout #Checkout-Shipping {
    margin: 4em 0;
}
.checkout #Checkout-Shipping .field {
    overflow: auto;  /* enclose floats */
	width:    100%;  /* HACK (IE6): make overflow:auto work */
	margin:   0 0 1ex;
}
.checkout #Checkout-Shipping label,
.checkout #Checkout-Shipping .label {
    float:     left;
	display:   inline;  /* HACK (IE6): fix doubled float margin bug */
	width:     120px;
	padding:   0 0 1ex;
	font-size: 91.66%;  /* 11px */
}
html > body.checkout #Checkout-Shipping label {
    margin-top: 3px; /* HACK: target everything but IE6 */
}
.checkout #Checkout-Shipping select, 
.checkout #Checkout-Shipping textarea {
    padding:      1px;
	margin-right: 1ex;
    font-size:    91.66%;  /* 11px */
}
.checkout #Checkout-Shipping textarea {
    width:  300px;
    height: 4.2em;
}
.checkout #Checkout-Shipping .value {
    margin-left: 130px;
	font-size:   91.66%;  /* 11px */
}
.checkout #Checkout-Payment {
    overflow: auto;  /* enclose floats */
	width:    100%;  /* HACK (IE6): make overflow:auto work */
    margin:   4em 0;
}
.checkout #Checkout-Payment .field {
    overflow: auto;  /* enclose floats */
    width:    100%;  /* HACK (IE6): make overflow:auto work */
    margin:   0 0 1ex;
}
.checkout #Checkout-Payment label,
.checkout #Checkout-Payment .label {
    float:       left;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       147px;  /* HACK (IE6): account for 3px text jog */
	padding:     0 0 1ex;
	font-size:   91.66%;  /* 11px */
}
html > body.checkout #Checkout-Payment label,
html > body.checkout #Checkout-Payment .label {
	width: 150px;  /* HACK (IE6): reset in compliant browsers */
}
html > body.checkout #Checkout-Payment label {
    margin-top: 3px; /* HACK: target everything but IE6 */
}
.checkout #Checkout-Payment .value {
    font-size:   91.66%;  /* 11px */
	margin-left: 150px;
}
.checkout #Checkout-Details {
    margin: 4em 0;
}
.checkout #Checkout-Details p {
    font-size: 91.66%;  /* 11px */
}
.checkout #Checkout-Details p.backend-comment {
	color:     #f00;     /* red */
    font-size: 133.33%;  /* 16px */
}
.checkout #Checkout-Checkout-Button {
    float:       left;
    overflow:    hidden;
    width:       128px;
	height:      37px;
	background:  url(../images/cartCheckoutButton.gif) 0 0 no-repeat;
	text-indent: -999em;
}
.checkout #Checkout-Checkout-Button:hover {
    background-position: 0 -37px;
}
.checkout #Checkout-Continue-Shopping-Button {
    float:       left;
    clear:       left;
    overflow:    hidden;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
    width:       127px;
	height:      30px;
	margin-top:  1em;
	background:  url(../images/cartContinueShoppingButton.gif) 0 0 no-repeat;
	text-indent: -999em;
}
.checkout #Checkout-Continue-Shopping-Button:hover {
    background-position: 0 -30px;
}
.checkout #Checkout-Change-Shipping-Button {
    overflow:    hidden;
    float:       right;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
    width:       165px;
	height:      30px;
	background:  url(../images/summaryChangeShippingButton.gif) 0 0 no-repeat;
	text-indent: -999em;
}
.checkout #Checkout-Change-Shipping-Button:hover {
	background-position: 0 -30px;
}
.checkout #Checkout-Order-Now-Button {
    overflow:    hidden;
	float:       right;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       128px;
	height:      37px;
	background:  url(../images/summaryOrderNowButton.gif) 0 0 no-repeat;
	text-indent: -999em;
}
.checkout #Checkout-Order-Now-Button:hover {
	background-position: 0 -37px;
}

/* -- >7: PAGE SPECIFIC STYLES (Specific to single page only)------------------------------------------------------------ */

/* >7a: home page */

.top-categories #Main-Content {
    float:    left;
	width:    100%;
	overflow: hidden;
}
.top-categories #Main-Promo {
	overflow:   hidden;
	display:    block;
	width:      100%;
	padding:    5px 0 0;
	margin:     0 0 20px;
	color:      #eae9e9;
}
.top-categories #Main-Promo div.inner {
	padding-bottom: 5px;  /* @T09C */
	padding-top: 5px;     /* @T09C */
	padding-left: 8px;    /* @T09C */
	padding-right: 8px    /* @T09C */

}
.top-categories #Main-Promo div.inner a {
	color: #ededed;
}
.top-categories #Main-Promo div.inner a:hover,
.top-categories #Main-Promo div.inner a:focus,
.top-categories #Main-Promo div.inner a:active {
	color:           #fff;
	text-decoration: none;
}
.top-categories #Main-Promo div.inner img {
    display: block;
	/* Commented this to fix the eSpot issue as per CSW-385 */
	/*width:   714px;*/
}
.top-categories #Main-Promo div.inner h3 {
	width:         auto;
	padding:       0 2px;
	border-bottom: 1px solid #595a5b;
	margin:        8px 0;
	font-size:     200%;  /* 24px */
	line-height:   1.2em;
	font-weight:   normal;
}
.top-categories #Featured-Products ul {
	width:      542px;
	padding:    8px 0 0 2px;
	background: url(../images/featured3ColBg.gif) no-repeat top left;
}
.top-categories #Featured-Products li {
	width:      166px;
	margin:     0 0 0 6px;
	background: url(../images/productPanelBg.png) no-repeat top left;
}
.top-categories #Ads {
	overflow:   hidden;
	float:      right;
	width:      130px;
	padding:    10px;
	background: #f2f2f2;
	text-align: center;
}

/* >7b: category page */

.all-categories #Page-Content ul.category-group {
	float:     left;
	width:     227px;
	margin:    0 0 0 14px;
	font-size: 91.66%;  /* 11px */
}
.all-categories #Page-Content ul.category-group.first {
	margin: 0;
}
.all-categories #Page-Content ul.category-group li {
	list-style: none;
    padding:    0;
	margin:     0 0 20px;
}
.all-categories #Page-Content ul.category-group li h3 {
	width:          auto;
	padding:        5px;
	border:         0;
	margin:         0;
	background:     url(../images/categoryH3Bg.gif) repeat-x top left;
	color:          #fff;
	font-size:      100%;  /* 11px */
	font-weight:    normal;
	text-transform: uppercase;
}
.all-categories #Page-Content ul.category-group li h3 a,
.all-categories #Page-Content ul.category-group li h3 a:link,
.all-categories #Page-Content ul.category-group li h3 a:visited,
.all-categories #Page-Content ul.category-group li h3 a:hover,
.all-categories #Page-Content ul.category-group li h3 a:active,
.all-categories #Page-Content ul.category-group li h3 a:focus {
    color:           #fff;
    text-decoration: none;
}
.all-categories #Page-Content ul.category-group ul {
    float:   none;
	width:   100%;
	padding: 0;
	margin:  0;
}
.all-categories #Page-Content ul.category-group ul li {
	margin: 0;
}
.all-categories #Page-Content ul.category-group ul a {
	display:    block;
	width:      207px;  /* HACK (IE6): remove gap between li/a tags */
	padding:    3px 5px 3px 15px;
	background: url(../images/orangeArrow.gif) no-repeat 5px center;
	color:      #000;
}
.all-categories #Page-Content ul.category-group ul li.alt a {
	background: #f5f5f5 url(../images/orangeArrow.gif) no-repeat 5px center;
}
.all-categories #Page-Content ul.category-group ul li a:hover, 
.all-categories #Page-Content ul.category-group ul li.alt a:hover {
	background:      #e5e5e5 url(../images/orangeArrow.gif) no-repeat 5px center;
	text-decoration: none;
}

/* >7c: Subcategories Page */

.subcategories-display #Subcategory-List {
	padding:   0;
	margin:    0 0 2em;
	font-size: 91.66%;  /* 11px */
}
.subcategories-display #Subcategory-List li {
    overflow:      auto;
    width:         100%;  /* HACK (IE6): make overflow:auto work */
    list-style:    none;
	padding:       0;
	border-bottom: 5px solid #f7f7f7;
	margin:        0 0 2em;
}
.subcategories-display #Subcategory-List h3 {
	width:         auto;
	padding:       0 2px;
	border-bottom: 1px solid #e8e8e8;
	margin:        0 0 0.5em 129px;
	color:         #3d3d3d;
	font-size:     145.45%;  /* 16px */
	line-height:   1.375;    /* 22px */
	font-weight:   bold;
}
.subcategories-display #Subcategory-List h3 a,
.subcategories-display #Subcategory-List h3 a:hover,
.subcategories-display #Subcategory-List h3 a:active,
.subcategories-display #Subcategory-List h3 a:focus {
	color:           #3d3d3d;
	text-decoration: none;
}
.subcategories-display #Subcategory-List img {
	float:    left;
	display:  inline;  /* HACK (IE6): fix doubled float margin bug */
	width:    103px;
	border:   1px solid #e8e8e8;
	margin:   -31px 0 1ex 10px;
}
.subcategories-display #Subcategory-List p {
	padding:     0 2px;
	margin-left: 129px;
	color:       #5d5d5d;
}
.subcategories-display #Subcategory-List ul {
	overflow: auto;  /* enclose floats */
	width:    100%;  /* HACK (IE6): make overflow:auto work */
	margin:   0 0 0.75em 129px;
}
.subcategories-display #Subcategory-List li ul {
	overflow: auto;  /* enclose floats */
	width:    80%;  /* HACK (IE6): make overflow:auto work */
	margin:   0 0 0.75em 129px;
}
.subcategories-display #Subcategory-List li li {
	float:      left;
    height:     auto;  /* HACK (IE6): override previous setting in nested elements */
	min-height: 1px;   /* override previous setting in nested elements */
	padding:    0;
	border:     0;
	margin:     0 0 0.5em;
}
.subcategories-display #Subcategory-List li li.alt {
	clear: left;
}
.subcategories-display #Subcategory-List li li a {
	display:    block;
	width:      125px;
	padding:    0 0 2px 10px;
	margin:     0 10px 0 0;
	background: url(../images/orangeArrow.gif) no-repeat 2px 5px;
}

/* >7d: Category Products Page */

.product-listing #Page-Content h3 {
	width:       auto;
	padding:     0;
	border:      0;
	margin:      0 0 2em;
	font-size:   100%;  /* 12px */
	font-weight: bold;
}
.product-listing #Page-Size-Form {
	overflow:  auto;  /* enclose floats */
	width:     697px;  /* HACK (IE6): make overflow:auto work */
    margin:    1em 6px;
	font-size: 91.66%;  /* 11px */
}
.product-listing #Page-Size-Form select {
    padding:        1px;
    margin-right:   1ex;
	vertical-align: middle;  /* HACK (IE6/7): vertically align to other text on the line */
}
html > /**/ body.product-listing #Page-Size-Form select {
	vertical-align: baseline;  /* HACK (IE6/7): reset for other browsers */
}
.product-listing #Page-Size-Form .result-range,
.product-listing #Page-Size-Form .result-count {
    margin-right: 1em;
    font-weight:  bold;
}
.product-listing #Page-Size-Form .note {
	color: #c00;
}
.product-listing #Filter-Form {
	overflow:   auto;  /* enclose floats */
	width:      100%;  /* HACK (IE6): make overflow:auto work */
	padding:    3px 0 0;
	margin:     1em 0;
	background: #e0dfdf url(../images/filterBgTop.gif) no-repeat center top;
	font-size:  91.66%;  /* 11px */
}
.product-listing #Filter-Form div {
	float:   left;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	width:   220px;
	padding: 4px 8px;
}
.product-listing #Filter-Form label {
	display:     block;
	font-weight: bold;
	margin:      0 0 2px;
}
.product-listing #Filter-Form select {
	width:   220px;
    padding: 1px;
}
.product-listing #Filter-Form .buttons {
	overflow:   auto;  /* enclose floats */
    float:      none;
	clear:      both;
	display:    block;
	width:      100%;
    padding:    5px 0 8px;
	background: url(../images/filterBgBottom.gif) no-repeat center bottom;
}
.product-listing #Filter-Submit {
    overflow:     hidden;
	float:        right;
    width:        62px;
	height:       23px;
	margin-right: 9px;
	/* background:   url(../images/filterButton.gif) 0 0 no-repeat; */
	background:   url(../images/clearButton.gif) 0 0 no-repeat;
	text-indent:  -9999em;
}
.product-listing #Filter-Submit:hover {
	background-position: 0 -23px;
}
.product-listing #Product-List {
	width:         100%;
	border-bottom: 0 !important;
}
.product-listing #Product-List thead th a {
	display: block;  /* HACK (IE6/7): trigger hasLayout to keep browser from clipping the link on the right */
	color:   #d4d4d4;
}
.product-listing #Product-List thead .sorted-asc,
.product-listing #Product-List thead .sorted-desc {
    padding-left: 13px;
}
.product-listing #Product-List thead .sorted-asc {
    background: url(../images/productSortAsc.gif) left center no-repeat;
}
.product-listing #Product-List thead .sorted-desc {
    background: url(../images/productSortDesc.gif) left center no-repeat;
}
.product-listing #Product-List .item,
.product-listing #Product-List .list-price,
.product-listing #Product-List .offer-price,
.product-listing #Product-List .available {
    text-align: center;
}
.product-listing #Product-List .checkout {
	width:         123px;
	padding-right: 0;
}
.product-listing #Product-List thead .compare a {
	display:     block;
	width:       60px;
	height:      18px;
	background:  url(../images/compareBtn.gif) no-repeat 0 0;
	text-indent: -999em;
}
.product-listing #Product-List thead .compare a:hover {
    background-position: 0 -18px;
}
.product-listing #Product-List thead .checkout a {
	float:        right;
	width:        68px;
	height:       20px;
	margin-right: 0.5em;
	background:   url(../images/checkOutBtn.gif) no-repeat 0 0;
	text-indent:  -999em;
}
.product-listing #Product-List thead .checkout a:hover {
    background-position: 0 -20px;
}
.product-listing #Product-List tbody .compare,
.product-listing #Product-List tbody tr.alt .compare {
	background:    #dedede;
	border-bottom: 1px solid #fff;
	text-align:    center;
}
.product-listing #Product-List tbody .compare input.checkbox {
    margin-top: 23px;
}
.product-listing #Product-List tbody .image a {
    overflow: hidden;
	display:  block;
    width:    60px;
	border:   1px solid #d4d4d4;
}
.product-listing #Product-List tbody .image img {
    width: 60px;
}
.product-listing #Product-List tbody .item-number{
	display:		block;
	white-space:	nowrap;
}
.product-listing #Product-List tbody .nonsellable {
	color: #900;
}
.product-listing #Product-List tbody h4 {
	width:       auto;
	padding:     0;
	border:      0;
	margin:      0;
	font-size:   109.09%;  /* 12px */
	font-weight: bold;
}
.product-listing #Product-List tbody .list-price {
	text-decoration: line-through;
}
.product-listing #Product-List tbody .offer-price {
    font-size:   127.27%;  /* 14px */
	line-height: 1;  /* @T05C */
	/* @T05D */
}
.product-listing #Product-List tbody .list-price, .offer-price {  /* @T05A */
	color: #595959;  /* @T05A */
	font-weight: bold;  /* @T05A */
}  /* @T05A */
.product-listing #Product-List tbody .checkout input {
	float:   left;
	width:   20px;
	padding: 2px;
	margin:  0 8px 0 0;
}
.product-listing #Product-List tbody .checkout button.addToCart {
	float:       left;
	width:       84px;
	height:      22px;
	margin:      0;
	background:  url(../images/addToCart.gif) no-repeat top left;
	text-indent: -999em;
}
.product-listing #Product-List tbody .checkout button.addToCart:hover {
    background-position: 0 -22px;
}
.product-listing #Product-List tbody .checkout button.addToList {
	float:       left;
	width:       119px;
	height:      20px;
	margin:      5px 0 0 0;
	background:  url(../images/addShoppingList.gif) no-repeat 0 0;
	text-indent: -999em;
}
.product-listing #Product-List tbody .checkout button.addToList:hover {
    background-position: 0 -20px;
}

/* -- >7e: Product Display Page */

.product-display #Product-Details {
    float:  right;
    clear:  right;
	width:  426px;
    margin: 0 0 1em;
}
.product-display #Product-Vendor img {
    float:   right;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	margin:  0 0 1em 1em;
}
.product-display #Custom-Product-Number {
	color:     #5d5d5d;
	font-size: 140%;  /* 14px */
}
.product-display #Product-Number {
    margin:    1ex 0 1em;
}
.product-display #Product-UOM-Qty, /* @T22M */
.product-display #Product-UOM, /* @T22A */
.product-display #Product-Description, /* @T22M */
.product-display #Product-Quantity {
    margin:    0 0 1em;
}
.product-display #Product-Description .short-description, /* @T22M */
.product-display #Product-Price .label, /* @T22M */
.product-display #Product-Quantity .value, /* @T22M */
.product-display #Product-UOM .value,  /* @T22A */
.product-display #Product-Number .value,
.product-display #Custom-Product-Number .value {
    font-weight: bold;
}
.product-display #Product-Description {
    clear:        both;
	width:        100%;  /* HACK (IE6): trigger hasLayout to fix doubled padding bug */
    padding:      1em 0 0;
	border:       1px solid #eaeaea;
	border-width: 1px 0;
}
.product-display #Product-Description .short-description {
	margin-bottom: 0;
}
.product-display #Product-Description .long-description {
	font-size: 91.66%;  /* 11px */
}
.product-display #Product-Price .label {
    display:     block;
	color:       #5d5d5d;
}
.product-display #Product-Price .list-price {  /* @T05A */
	text-decoration: line-through;             /* @T05A */
}                                              /* @T05A */
.product-display #Product-Price .offer-price,  /* @T05C */
.product-display #Product-Price .list-price {  /* @T05A */
/*	float:     left; */                        /* @T05D */
	display:   inline;  /* HACK (IE6): fix doubled float margin bug */
	margin:    0; 
	color:     #3f6d96;
	font-size: 166.66%;  /* 20px */
}
.product-display #Product-Order-Add-Form {
/*  float:      left;  */                      /* @T05D */  
	display:    inline;  /* HACK (IE6): fix doubled float margin bug */
	margin:     5px 0 0 2em;
	text-align: left;
}
.product-display #Product-Order-Add-Form label {
	float:        left;
	margin-right: 5px;
	font-size:    91.66%;  /* 11px */
	line-height:  20px;
}
.product-display #Product-Order-Add-Form input {
	float:   left;
	width:   20px;
	padding: 2px 3px;
}
.product-display #Product-Order-Add-Form button.addToCart {
	float:       left;
	width:       77px;
	height:      20px;
	margin:      0 0 0 5px;
	background:  url(../images/addToCartSml.gif) no-repeat 0 0;
	text-indent: -999em;
}
.product-display #Product-Order-Add-Form button.addToCart:hover {
	background-position: 0 -20px;
}
.product-display #Product-Order-Add-Form a.login {
	float:       left;
	width:       65px;
	height:      20px;
	margin:      0 0 0 5px;
	background:  url(../images/productDisplayLoginButton.gif) no-repeat 0 0;
	text-indent: -999em;
}
.product-display #Product-Order-Add-Form a.login:hover {
	background-position: 0 -20px;
}
.product-display #Product-Order-Add-Form a.checkout {
	float:       left;
	width:       65px;
	height:      20px;
	margin-left: 5px;
	background:  url(../images/checkOutBtnWht.gif) no-repeat 0 0;
	text-align:  left;
	text-indent: -999em;
}
.product-display #Product-Order-Add-Form a.checkout:hover {
	background-position: 0 -20px;
}
.product-display #Product-Order-Add-Form a.addToList {
	float:       left;
	width:       119px;
	height:      20px;
	background:  url(../images/addShoppingList.gif) no-repeat 0 0;
	margin-left: 5px;
	text-indent: -999em;
	text-align:  left;
}
.product-display #Product-Order-Add-Form a.addToList:hover {
	background-position: 0 -20px;
}

.product-display #Product-UOM-Qty { /* @T22C */
    clear:		both;
	color:		#666;
	font-size:	86.33%;
	text-transform: uppercase;
}

.product-display #Product-Tech-Support {
    clear:      both;
	padding:    0 0 1em;
	border-top: 2em solid #FFF;
	margin:     0 1px 1em 0;
	background: #f5f5f5 url(../images/noticeBgBottom.gif) no-repeat bottom left;
}
.product-display #Product-Tech-Support h3 {
	width:       406px;  /* HACK (IE6): trigger hasLayout to fix doubled top padding bug */
    padding:     10px 10px 0;
    border:      0;
    margin:      0;
	background:  url(../images/noticeBgTop.gif) no-repeat top left;
	color:       #000;
	font-size:   100%;  /* 12px */
	font-weight: bold;
}
.product-display #Product-Tech-Support h3 span {
    padding:    0 20px 0 0;
    background: url(../images/questionIcon.gif) no-repeat right center;
}
.product-display #Product-Tech-Support p {
    padding:   0 10px;
	font-size: 91.66%;  /* 11px */
}
.product-display #Product-Tech-Support a {
	font-weight: bold;
	color:       #f37321;
}
.product-display #Product-Tech-Support a.chat-live {
	display:        block;
	width:          81px;
	height:         20px;
	background:     url(../images/techSupportChatLiveButton.gif) no-repeat 0 0;
	text-indent:    -999em;
	margin:         7px auto 0 10px;
	vertical-align: middle;
}
.product-display #Product-Tech-Support a.chat-live:hover {
	background-position: 0 -20px;
}
.product-display #Product-Customize a {
    overflow:    hidden;
	display:     block;
	width:       229px;
	height:      102px;
	margin:      0 auto;
	background:  url(../images/Customize.jpg) 0 0 no-repeat;
	text-indent: -9999em;
}
.product-display #Product-Image, 
.product-display #Product-Pricing {
	float: left;
	clear: left;
	width: 262px;
}
.product-display #Product-Image img {
    display: block;
	width:   261px;
    margin:  0 auto;
}
.product-display #Product-Image a.zoom {
	display:        block;
	line-height:    2;
	text-align:     center;
	text-transform: lowercase;
}
.product-display #Product-Image ul {
    margin:     1ex 0;
    text-align: center;
}
.product-display #Product-Image li {
	display: inline;
}
.product-display #Product-Image li a {
	display: inline;
}
html > /**/ body.product-display #Product-Image li a {
	display: -moz-inline-stack;
	display: inline-block;
}
.product-display #Product-Image li img {
    display: inline;
	width:   45px;
	height:  21px;
	border:  1px solid #cecece;
	margin:  0;
}
.product-display #Product-Pricing {
	border: 1px solid #fbdcbd;
	margin: 1em 0;
}
.product-display #Product-Pricing h3 {
	display:       block;
	width:         auto;
	padding:       0.35em 11px;
	border:        0;
	border-bottom: 1px solid #fbdcbd;
	margin:        0;
	background:    #ed7a06;
	color:         #fff;
	font-size:     100%;  /* 12px */
	font-weight:   normal;
}
.product-display #Product-Pricing table {
	width:     100%;
	margin:    0;
	font-size: 91.66%;  /* 11px */
}
.product-display #Product-Pricing table .qty {
    text-align: left;
}
.product-display #Product-Pricing table .price {
    text-align: right;
}
.product-display #Product-Pricing thead th,
.product-display #Product-Pricing tbody td {
	padding: 0.35em 11px;
}
.product-display #Product-Pricing th {
	background:  #fbdcbd;
	font-weight: bold;
}
.product-display #Product-Pricing tr.alt td {
	background: #fef4eb;
}
.product-display #Product-Notes {
	position: relative;
	clear:    both;
	width:    100%;  /* HACK (IE6): trigger has layout to fix doubled padding bug */
	padding:  45px 0 0;
	margin:   1em 0;
}
.product-display #Product-Tabs {
	position:  absolute;
	top:       20px;
	left:      0;
	z-index:   1;
	width:     100%;
	font-size: 91.66%;  /* 11px */
}
.product-display #Product-Tabs li {
	float:   left;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	margin:  0 3px 0 0;
}
.product-display #Product-Tabs a, 
.product-display #Product-Tabs a span {
	float:       left;    /* HACK (IE6): collapse to minimum width */
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	height:      26px;
	line-height: 26px;
	text-align:  center;
    white-space: nowrap;
	cursor:      pointer;  /* HACK (IE6/7): force pointer even over the span */
}
.product-display #Product-Tabs a {
	background: url(../images/productNotesTabLeft.gif) no-repeat left 0;
	color:      #ececec;
}
.product-display #Product-Tabs a span {
    padding:    0 1ex;
	background: url(../images/productNotesTabRight.gif) no-repeat right 0;
}
.product-display #Product-Tabs a:hover,
.product-display #Product-Tabs a:active,
.product-display #Product-Tabs a:focus {
	color:           #f37321;
	text-decoration: none;
}
.product-display #Product-Tabs li.active a {
	background-position: left -26px;
	color:               #000;
	font-weight:         bold;
}
.product-display #Product-Tabs li.active a span {
	background-position: right -26px;
}
.product-display #Product-Tabs li.active a:hover,
.product-display #Product-Tabs li.active a:active,
.product-display #Product-Tabs li.active a:focus {
	color: #000;
}
.product-display #Product-Tab-Panes {
    width:      697px;  /* HACK (IE6): trigger hasLayout to fix rendering problem with child divs */
	padding:    5px;
	border:     1px solid #cecece;
	background: #ececec;
}
.product-display #Product-Tab-Panes .tab-pane {
    display:    none;
	padding:    8px;
	border:     4px solid #cecece;
	background: #fff;
	font-size:  91.66%;  /* 11px */
}
.product-display #Product-Tab-Panes .tab-pane h3 {
	width:       auto;
	padding:     0;
	border:      0;
	margin:      0;
    font-size:   100%;  /* 12px */
    font-weight: bold;
}
.product-display #Product-Tab-Panes .tab-pane.active {
    display: block;
}
.product-display #Product-Tab-Panes .tab-pane table {
	width: 100%;
}
.product-display #Product-Tab-Panes .tab-pane tbody th {
	width:       150px;
	font-weight: bold;
}
.product-display #Product-Tab-Panes .tab-pane tbody th span {
	font-weight: normal;
}
.product-display #Product-Tab-Panes .tab-pane tbody th, 
.product-display #Product-Tab-Panes .tab-pane tbody td {
	padding:    2px 5px;
	text-align: left;
}
.product-display #Product-Tab-Panes .tab-pane tbody tr.alt th, 
.product-display #Product-Tab-Panes .tab-pane tbody tr.alt td {
	background: #f8f8f8;
}

/* -- >7f: Shopping Cart Page */

.shopping-cart #Checkout-Cart {
    margin-top: 0;
}
.shopping-cart #Checkout-Cart-Empty {
    margin: 0 0 4em;
}
.shopping-cart #Checkout-Cart-Empty img {
    float:   right;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	border:  1px solid #cecece;
	margin:  0 40px 0 0;
}
.shopping-cart #Checkout-Cart-Empty p {
    color:     #3c3c3c;
    font-size: 166.66%;  /* 20px */
}
.shopping-cart #Checkout-Login {
    margin: 4em 0;
}
.shopping-cart #Checkout-Login p {
    font-size: 91.66%;  /* 11px */
}
.shopping-cart #Checkout-Log-In-Button {
    float:       right;
    overflow:    hidden;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
    width:       128px;
	height:      37px;
	background:  url(../images/cartLogInButton.gif) 0 0 no-repeat;
	text-indent: -999em;
}
.shopping-cart #Checkout-Log-In-Button:hover {
    background-position: 0 -37px;
}
.shopping-cart #Checkout-Shipping-Hazmat {
    padding:    6px 6px 6px 43px;
    border:     1px solid #cfcfcf;
    margin:     0 40px 2em;
	background: #f5f5f5 url(../images/cartHazmatWarningIcon.gif) 6px 6px no-repeat;
}
.shopping-cart #Checkout-Shipping-Hazmat p {
	font-size: 91.66%;  /* 11px */
}
.shopping-cart #Checkout-Shipping-Hazmat acronym {
    font-weight: bold;
}
.shopping-cart #Checkout-Shipping-Hazmat input.checkbox {
    vertical-align: middle;
}
.shopping-cart #Checkout-Shipping-Hazmat label {
    /* override defaults for this section */
    float:   none;
	width:   auto;
	padding: 0;
	margin:  0;
}
.shopping-cart #Checkout-Shipping-Timing {
    float:      right;
	display:    inline;  /* HACK (IE6): fix doubled float margin bug */	
    width:      185px;
	padding:    0 11px 0 6px;
	background: url(../images/orangeInfoIcon.gif) 0 0 no-repeat;
}
.shopping-cart #Checkout-Shipping-Timing h4 {
	width:         auto;
	padding:       0 5px 0 0;
	border-bottom: 1px solid #e8e8e8;
	margin:        0 -5px 10px 28px;
	color:         #515151;
	font:          100 116.66%/1.7 "Helvetica Neue", Helvetica, Arial, sans-serif;  /* 14px/22px */
}
.shopping-cart #Checkout-Shipping-Timing p {
	color:      #515151;
	font-size:  91.66%;  /* 11px */
	font-style: italic;
}
.shopping-cart #Checkout-Shipping .ship-to label {
	margin-bottom: 1em;
}
.shopping-cart #Checkout-Shipping-To {
	width: 550px;
}
.shopping-cart #Checkout-Create-Address-Button {
    overflow:       hidden;
	display:        -moz-inline-stack;
	display:        inline-block;
	display:        block;
	width:          119px;
	height:         22px;
	/*margin:         -1px 0 0;  /* HACK (IE6/7): nudge up */
	margin:         0.25ex 0 1em;
	background:     url(../images/cartCreateAddressButton.gif) 0 0 no-repeat;
	text-indent:    -999em;
	vertical-align: bottom;
}
html > /**/ body.shopping-cart #Checkout-Create-Address-Button {
	/*margin: 0 0 -1px;  /* HACK (IE6/7): nudge down in compliant browsers */
}
.shopping-cart #Checkout-Create-Address-Button:hover {
    background-position: 0 -22px;
}
.shopping-cart #Checkout-Shipping .method,
.shopping-cart #Checkout-Shipping .account-number,
.shopping-cart #Checkout-Shipping .instructions {
	width: 480px !important;
}
.shopping-cart #Checkout-Promo {
	margin: 4em 0;
}
.shopping-cart #Checkout-Promo div {
    overflow: auto;  /* enclose floats */
	width:    100%;  /* HACK (IE6): make overflow:auto work */
	margin:   0 0 1ex;
}
.shopping-cart #Checkout-Promo label,
.shopping-cart #Checkout-Promo .label {
    float:     left;
	display:   inline;  /* HACK (IE6): fix doubled float margin bug */
	width:     120px;
	padding:   3px 0 1ex;
	font-size: 91.66%;  /* 11px */
}
.shopping-cart #Checkout-Promo input {
    float:     left;
	display:   inline;  /* HACK (IE6): fix doubled float margin bug */
    width:     150px;
    padding:   2px;
    margin:    0 1em 0 0;
    font-size: 91.66%;  /* 11px */
}
.shopping-cart #Checkout-Promo .tabular-data {
    float:   left;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */	
    width:   auto;
}
.shopping-cart #Checkout-Apply-Button {
	width:       44px;
	height:      20px;
	margin:      0;
	background:  url(../images/checkoutApplyPromoCodeButton.gif) no-repeat 0 0;
	text-indent: -9999em;
}
.shopping-cart #Checkout-Apply-Button:hover {
	background-position: 0 -20px;
}
.shopping-cart #Checkout-Promo .error {
    width:       60%;
    margin-left: 121px;
    color:       #b00;
	font-size:   91.66%;  /* 11px */
}
.shopping-cart #Checkout-Shipping .field p.note {
	margin-left: 120px;
	color:       #8d8d8d;
	font-size:   91.66%;  /* 11px */
}
.shopping-cart #Featured-Products {
    margin-top: 4em;
}
.shopping-cart #Checkout-Cart-Nav {
    height:     21px;
	padding:    7px 0 0;
	margin:     3em 0 0;
    background: url(../images/cartNavBackground.gif) 0 0 no-repeat;
	text-align: center;
}
.shopping-cart #Checkout-Cart-Nav li {
	display:      inline;  /* HACK (IE6/7): force inline-block display */
	padding-left: 1ex;
	border-left:  1px solid #114B7E;
	margin-left:  1ex;
	font-size:    91.66%;  /* 11px */
	line-height:  1.1;
}
html > /**/ body.shopping-cart #Checkout-Cart-Nav li {
	display: -moz-inline-stack;  /* HACK (IE6/7): reset in more compliant browsers */
	display: inline-block;
}
.shopping-cart #Checkout-Cart-Nav li.first {
	padding-left: 0;
	border-left:  0;
	margin-left:  0;
}
    
/* -- >7g: Order Summary Page */

.order-summary #Checkout-Shipping {
    overflow: auto;  /* enclose floats */
	width:    100%;  /* HACK (IE6): make overflow:auto work */
    margin:   0 0 4em;
}
.order-summary #Checkout-Shipping .field {
	display:   inline;  /* HACK (IE6): fix doubled float margin bug */
	width:     350px;
}
.order-summary #Checkout-Shipping .shipping-address {
    float:     left;
	display:   inline;  /* HACK (IE6): fix doubled float margin bug */
}
.order-summary #Checkout-Shipping .shipping-method,
.order-summary #Checkout-Shipping .shipping-instructions {
    float:     right;
	display:   inline;  /* HACK (IE6): fix doubled float margin bug */
}
.order-summary #Checkout-Shipping .label {
	width:       140px;
	font-weight: bold;
}
.order-summary #Checkout-Shipping .value {
    float:       left;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       200px;
	margin-left: 0;  /* override default for this section */
}
.order-summary #Checkout-Shipping .buttons {
    padding-top: 1em;
}
.order-summary #Checkout-Payment .field .required {
    vertical-align: middle;
}
.order-summary #Checkout-Payment .po-number {
    margin-bottom: 2.5em;
}
.order-summary #Checkout-Payment input,
.order-summary #Checkout-Payment select,
.order-summary #Checkout-Payment .note,
.order-summary #Checkout-Payment .cvvmsg,
.order-summary #Checkout-Payment .error {
    font-size: 91.66%;  /* 11px */
}
.order-summary #Checkout-Payment .note,
.order-summary #Checkout-Payment .error {
	margin-left: 150px;
}
.order-summary #Checkout-Payment .note,
.order-summary #Checkout-Payment .cvvmsg {
    margin-bottom: 0;
    color:         #8d8d8d;
}
.order-summary #Checkout-Payment .error {
    margin-bottom: 0;
    color:         #b00;
}
.order-summary #Checkout-Payment .billing-address .nickname,
.order-summary #Checkout-Payment .billing-address .street-address {
    text-indent: -3px;  /* HACK (IE6): account for 3px jog */
}
html > body.order-summary #Checkout-Payment .billing-address .nickname,
html > body.order-summary #Checkout-Payment .billing-address .street-address {
    text-indent: 0;  /* HACK (IE6): reset in compliant browsers */
}

/* >7h: Order Confirmation Page */

.order-confirmation #Checkout-Details h3 {
    /* override page defaults */
	border:      0;
	margin:      0 0 0.5em;
	color:       #000;
    font-size:   133.33%;  /* 16px */
	font-weight: normal;
}
.order-confirmation #Checkout-Details h3 .order-number {
    font-weight: bold;
}
.order-confirmation #Checkout-Shipping,
.order-confirmation #Checkout-Payment {
	width:  340px;
    margin: 0 0 4em;
}
.order-confirmation #Checkout-Shipping {
    float: left;
}
.order-confirmation #Checkout-Payment {
    float: right;
}
.order-confirmation #Checkout-Shipping .label,
.order-confirmation #Checkout-Payment .label {
    float:       left;
	width:       140px;
	font-weight: bold;
}
.order-confirmation #Checkout-Shipping .value,
.order-confirmation #Checkout-Payment .value {
    float:       right;
	width:       190px;
	margin-left: 0;  /* override page default */
}

/* >7i: Requisition List Create Page */

.requisition-list-create #NewRequisitionListForm fieldset {
	overflow:   auto;  /* enclose floats */
	width:      100%;  /* HACK (IE6): make overflow:auto work */
	margin:     1em 0;
	font-size:  91.66%;  /* 11px */
}
.requisition-list-create #NewRequisitionListForm fieldset label,
.requisition-list-create #NewRequisitionListForm fieldset input {
	float:   left;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	margin:  0 1em 0 0;
}
.requisition-list-create #NewRequisitionListForm fieldset label {
	margin-top:  3px;
	font-weight: bold;
}
.requisition-list-create #NewRequisitionListForm p.instructions {
	font-size:   91.66%;  /* 11px */
	font-weight: bold;
}
.requisition-list-create #Req-List-Items {
	width:         100%;
	border-bottom: 0;
}
.requisition-list-create #Req-List-Items .qty {
	padding-right: 100px;
}
.requisition-list-create #Req-List-Items tbody .number {
	font-weight: bold;
	text-align:  right;
}
.requisition-list-create #Req-List-Items tbody .sku,
.requisition-list-create #Req-List-Items tbody .qty {
    text-align: center;
}
.requisition-list-create #Req-List-Items tbody .qty input {
    text-align: center;
}
.requisition-list-create #Req-List-Save-Button {
	float:       left;
	width:       44px;
	height:      20px;
	background:  url(../images/reqListSaveButton.gif) no-repeat 0 0;
	text-indent: -999em;
}
.requisition-list-create #Req-List-Save-Button:hover {
    background-position: 0 -20px;
}

/* >7j: Requisition List Display Page */

.requisition-list-display #Req-List-Details {
	font-size: 91.66%;  /* 11px */
}
.requisition-list-display #Req-List-Details .label {
	float:       left;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       130px;
	font-weight: bold;
}
.requisition-list-display #RequisitionListsTypeForm {
	overflow:  auto;  /* enclose floats */
	width:     100%;  /* HACK (IE6): make overflow:auto work */
	margin:    0 0 1em;
	font-size: 91.66%;  /* 11px */
}
.requisition-list-display #RequisitionListsTypeForm label,
.requisition-list-display #RequisitionListsTypeForm select,
.requisition-list-display #Req-List-Go-Button {
	float:   left;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	margin:  0 1em 2px 0;
}
.requisition-list-display #RequisitionListsTypeForm label {
	margin-top:  3px;
	font-weight: bold;
}
.requisition-list-display #RequisitionListsTypeForm select {
	margin-top: 0;
}
.requisition-list-display #Req-List-Go-Button {
	overflow:    hidden;
	width:       36px;
	height:      20px;
	background:  url(../images/reqListGoButton.gif) no-repeat 0 0;
	text-indent: -9999em;
}
.requisition-list-display #Req-List-Go-Button:hover {
	background-position: 0 -20px;
}
.requisition-list-display #Req-List-Lists {
	width: 100%;
}
.requisition-list-display #Req-List-Lists tbody .createdBy, 
.requisition-list-display #Req-List-Lists tbody .lastUpdated,
.requisition-list-display #Req-List-Lists tbody .createdBy,
.requisition-list-display #Req-List-Lists tbody .type,
.requisition-list-display #Req-List-Lists tbody .remove {
    text-align: center;
}
.requisition-list-display #Req-List-Create-Button {
	float:       left;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	overflow:    hidden;
	width:       148px;
	height:      20px;
	padding:     0;
	margin:      0 1em 0 0;
	background:  url(../images/reqListCreateButton.gif) no-repeat 0 0;
	text-indent: -9999em;
}
.requisition-list-display #Req-List-Create-Button:hover {
	background-position: 0 -20px;
}
.requisition-list-display #Req-List-View-All-Lists-Button {
	overflow:    hidden;
	float:       left;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       130px;
	height:      20px;
	background:  url(../images/reqListViewAllListsButton.gif) no-repeat 0 0;
	text-indent: -9999em;
}
.requisition-list-display #Req-List-View-All-Lists-Button:hover {
	background-position: 0 -20px;
}
.requisition-list-display #Req-List-Place-Order-Button {
	overflow:    hidden;
	float:       right;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       82px;
	height:      20px;
	background:  url(../images/reqListPlaceOrderButton.gif) no-repeat 0 0;
	text-indent: -9999em;
}
.requisition-list-display #Req-List-Place-Order-Button:hover {
	background-position: 0 -20px;
}

/* >7k: Static Content Pages */

.static-content #Page-Content .disclaimer {
    margin-top:   2em;
	margin-left:  4em;
	margin-right: 4em;
	color:        #515151;
	font-size:    91.66%;  /* 11px */
    font-style:   italic;
	text-align:   center;
}
.static-content #Page-Content .last-updated {
    margin-bottom:  2em;
    color:          #515151;
    font-size:      83.33%;
    text-transform: uppercase;
}
.static-content #Page-Content .nav {
    clear:      both;
    list-style: none;
	text-align: center;
}
.static-content #Page-Content .nav li {
    display:     inline;  /* HACK (IE6/7): force inline-block display */
    padding:     0 1em;
	margin:      0;
}
html > /**/body.static-content #Page-Content .nav li {
	display: -moz-inline-stack;  /* HACK (IE6/7): reset in more compliant browsers */
	display: inline-block;
}
.static-content #Page-Content .nav a {
    white-space: nowrap;
}
.static-content #Page-Content .tag-line {
    margin:      1.5em 0;
	font-size:   116.66%;  /* 14px */
	font-weight: bold;
	text-align:  center;
}
.static-content #Page-Content .testimonial {
    float:   right;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	width:   35%;
	padding: 1em;
	border:  1px solid #ddd;
	margin:  0 0 1em 1em;
}
.static-content #Page-Content .testimonial h3 {
    border:     0;
	margin-top: 0;
	text-align: center;
}
.static-content #Page-Content .testimonial p {
    font-style: italic;
}
.static-content #Page-Content .testimonial .vcard {
    font-style: italic;
}
.static-content #Page-Content .testimonial .vcard.employee {
    font-weight: bold;
    font-style:  normal;
	text-align:  center;
}
.static-content #Page-Content .vcard {
    margin: 0 0 1em;
}
.static-content #Page-Breadcrumbs {
	font-size: 91.66%;  /* 11px */
}

/* >7l: Login/ My Account Pages */

.account #Page-Content .buttons {
	overflow: auto;  /* enclose floats */
	width:    100%;  /* HACK (IE6): make overflow:auto works */
}
.account .account-box-wrap {
	float:		left;
	width:		292px;
	margin:		0 24px 0 0;
	padding:	8px;
	background:	#EFEFEF;
	font-size:	12px;
}
.account .account-box .header {
	height:			34px;
	padding:        13px 0 0 15px;
	background: 	url(../images/account_header_back.jpg) repeat-x;
	border:			1px solid #B14D0A;
	color:			#fff;
	font-size:		19px;
	font-weight:	bold;
}
.account .account-box .body {
	padding:        15px 15px 0 15px;
	border:			1px solid #acacac;
	background:		#fff;
}
.account .account-box input.checkbox {
	vertical-align: text-bottom;
}
.account .account-box .reg-text {
	margin:			0 0 83px 0;
}
.account #Account-Login {
	height:			22px;
	width:			57px;
	text-indent:	-999em;
	border:			0;
	background:		url(../images/account_login.gif) no-repeat;
}
.account #Account-Login:hover {
	background-position:	0 -22px;
}
.account #Account-Register {
	display:		block;
	height:			22px;
	width:			58px;
	text-indent:	-999em;
	background:		url(../images/account_register.gif) no-repeat;
}
.account #Account-Register:hover {
	background-position:	0 -22px;
}
.account #Forgot-Password p {
	margin:			14px 0 28px 0;
}
.account #Forgot-Password label {
	display: block;
}
.account #Account-Forgot {
	height:			22px;
	width:			118px;
	margin:			20px 0 0;
	text-indent:	-999em;
	border:			0;
	background:		url(../images/account_forgot.gif) no-repeat;	
}
.account #Account-Forgot:hover {
	background-position:	0 -22px;
}
.account #Account-Reset-Password-Form label {
	float:   left;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	width:   140px;
	margin:  3px 0 0;
}
.account #Account-Change-Password {
	height:			23px;
	width:			130px;
	margin:			20px 0 0;
	text-indent:	-999em;
	border:			0;
	background:		url(../images/changePasswordButton.gif) no-repeat;	
}
.account #Account-Change-Password:hover {
	background-position:	0 -23px;
}
.account .account-reg-wrap {
	width:	    650px;
	padding:	8px;
	background:	#EFEFEF;
	font-size:	12px;	
}
.account .account-reg {
	padding:	13px 15px 0 15px;
	border:     1px solid #acacac;
	background:	#fff;
}
.account .account-reg div {
	overflow: auto;    /* enclose floats */
	width:    100%;    /* HACK (IE6): make overflow:auto work */
	margin:	  0 0 18px;
}
.account .account-reg p {
	margin:	20px 0 10px;
}
.account .account-reg p.note {
	margin:	0 0 10px;
}
.account .account-reg span.note {
	margin-left: 1em;
	color:       #8d8d8d;
	font-size:   90%;
}
.account .account-reg .field p.note {
	margin-left: 200px;
	color:       #8d8d8d;
	font-size:   90%;
}
.account .account-reg .buttons {
	margin:	0 0 20px;
}
.account .account-reg .info {
	width:			440px;
	margin-bottom:	20px;
	padding:		10px 10px 2px;
	background:		#fafafa;
}
.account .account-reg .info div span {
	display:	 inline;
	float:		 left;
	width:		 230px;
	font-weight: bold;
}
.account .account-reg div label {
	display: inline;
	float:	 left;
	width:	 200px;
	margin:  3px 0 0;
}
.account .account-reg div label.checkbox,
.account .account-reg div label.radio {
	float: none;
}
.account .account-reg div label.radio {
	margin-right: 2em;
}
.account .account-reg label span, 
.account .account-reg p span {
	color: #f37321;
}
.account #Account-Submit, 
.account #Account-Update, 
.account #Account-Personal, 
.account #Account-EditAddress, 
.account #Account-NewAdd {
	float:          left;
	display:        inline;  /* HACK (IE6): fix doubled float margin bug */
	height:			22px;
	width:			55px;
	margin:			20px 0 0;
	text-indent:	-999em;
	border:			0;
	background:		url(../images/account_submit.gif) no-repeat;	
}
.account #Account-Previous {
	float:			left;
	height:			22px;
	width:			59px;
	margin:			20px 14px 0 0;
	text-indent:	-999em;
	border:			0;
	background:		url(../images/account_previous.gif) no-repeat;
}
.account #Account-Update {
	background:		url(../images/account_update.gif) no-repeat;
}
.account #Account-Personal {
	display:		block;
	width:			130px;
	background:		url(../images/account_personalInfo.gif) no-repeat;
}
.account #Account-EditAddress {
	display:		block;
	width:			180px;
	background:		url(../images/account_editAddress.gif) no-repeat;
}
.account #Account-NewAdd {
	display:		block;
	width:			147px;
	background:		url(../images/account_newShipping.gif) no-repeat;
}
.account #Account-Previous:hover,
.account #Account-Submit:hover, 
.account #Account-Update:hover, 
.account #Account-Personal:hover, 
.account #Account-EditAddress:hover, 
.account #Account-NewAdd:hover {
	background-position:	0 -22px;	
}
.account .my-account-section, 
.account .address-book-section {
	width:			500px;
	margin:			20px 0 60px;
	font-size:		12px;
}
.account .my-account-section .head, 
.account .address-book-section .head {
	height:			23px;
	padding:		6px 0 0 15px;
	border:			1px solid #888;
	background:		url(../images/account_back.jpg) repeat-x;
	color:			#fff;
	font-weight:	bold;
}
.account .my-account-section .body, 
.account .address-book-section .body {
	padding:		15px 15px 0 15px;
}
.account .address-book-section .address-entry {
	margin-bottom: 30px;
}
.account .address-book-section .address-entry .nickname {
	font-weight: bold;
}

/* >7m: Requisition List Update Page */

.requisition-list-update #RequisitionListNameForm {
	margin:    0 0 3em;
	font-size: 91.66%;  /* 11px */
}
.requisition-list-update #RequisitionListNameForm .field {
	overflow:  auto;  /* enclose floats */
	width:     100%;  /* HACK (IE6): make overflow:auto work */
	margin:    0 0 1em;
}
.requisition-list-update #RequisitionListNameForm .field label,
.requisition-list-update #RequisitionListNameForm .field .label {
	float:       left;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       150px;
	font-weight: bold;
}
.requisition-list-update #RequisitionListNameForm .field label {
	margin:  3px 0 0;
}
.requisition-list-update #RequisitionListNameForm .field input,
.requisition-list-update #RequisitionListNameForm .field .value,
.requisition-list-update #RequisitionListNameForm .field .button {
	float:   left;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	margin:  0 1em 0 0;
}
.requisition-list-update #RequisitionListNameForm .field .button {
	margin-top:  3px;
	font-weight: bold;
}
.requisition-list-update #Req-List-Update-Name-And-Type-Button {
	overflow:    hidden;
	float:       left;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       130px;
	height:      20px;
	margin:      0 1em 1em 0;
	background:  url(../images/reqUpdateNameAndTypeButton.gif) no-repeat 0 0;
	text-indent: -9999em;
}
.requisition-list-update #Req-List-Update-Name-And-Type-Button:hover {
	background-position: 0 -20px;
}
.requisition-list-update #Page-Content .number-of-items {
	font-size:   91.66%;  /* 11px */
	font-weight: bold;
}
.requisition-list-update #AddRequisitionListItemForm {
	overflow:  auto;  /* enclose floats */
	width:     100%;  /* HACK (IE6): make overflow:auto work */
	margin:    0 0 2em;
	font-size: 91.66%;  /* 11px */
}
.requisition-list-update #AddRequisitionListItemForm .instructions {
	font-weight: bold;
}
.requisition-list-update #AddRequisitionListItemForm .field {
	float:   left;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	margin:  0 1em 0 0;
}
.requisition-list-update #AddRequisitionListItemForm .field label {
	display:     block;
	line-height: 136.36%;  /* 15px */
	font-weight: bold;
}
.requisition-list-update #AddRequisitionListItemForm .buttons {
	clear:   none;
	float:   left;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	width:   auto;
	padding: 0;
	border:  0;
	margin:  14px 0 0;
}
.requisition-list-update #Req-List-Add-Item-Button {
	overflow:    hidden;
	float:       left;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       49px;
	height:      21px;
	margin:      -1px 0 0;
	background:  url(../images/addShoppingListItem.gif) no-repeat 0 0;
	text-indent: -9999em;
}
.requisition-list-update #Req-List-Add-Item-Button:hover {
	background-position: 0 -21px;
}
.requisition-list-update #UpdateRequisitionListItemForm .tabular-data {
    width: 100%;
}
/* BEGIN @T05A */
.requisition-list-update #UpdateRequisitionListItemForm .tabular-data .image a {
    overflow: hidden;
	display:  block;
    width:    60px;
	border:   1px solid #d4d4d4;
}
.requisition-list-update #UpdateRequisitionListItemForm .tabular-data .image img {
    width: 60px;
}
.requisition-list-update #UpdateRequisitionListItemForm .tabular-data .item-number {
	display:		block;
	white-space:	nowrap;
}
.requisition-list-update #UpdateRequisitionListItemForm .tabular-data .description {
	text-align: left;
}	
.requisition-list-update #UpdateRequisitionListItemForm .tabular-data .total {
	text-align: right;
}	
.requisition-list-update #UpdateRequisitionListItemForm .tabular-data tbody .list-price {
	text-decoration: line-through; 
}
.requisition-list-update #UpdateRequisitionListItemForm .tabular-data tbody .offer-price, .list-price {
	color: #595959;
}
.requisition-list-update #UpdateRequisitionListItemForm .tabular-data tbody .offer-price, .list-price, .total {
    font-size:   127.27%;  /* 14px */
	line-height: 1;
	text-align: right;
	font-weight: bold;
}
/* END @T05A */
.requisition-list-update #UpdateRequisitionListItemForm .tabular-data .image,  /* @T05A */
.requisition-list-update #UpdateRequisitionListItemForm .tabular-data .item-number,
.requisition-list-update #UpdateRequisitionListItemForm .tabular-data .conney-item-number,
.requisition-list-update #UpdateRequisitionListItemForm .tabular-data .qty,
.requisition-list-update #UpdateRequisitionListItemForm .tabular-data .qty input {
	text-align: center;
}
.requisition-list-update #Req-List-Update-Qty-Button {
	overflow:    hidden;
	float:       left;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       100px;
	height:      20px;
	background:  url(../images/reqListUpdateQtyButton.gif) no-repeat 0 0;
	text-indent: -9999em;
}
.requisition-list-update #Req-List-Update-Qty-Button:hover {
	background-position: 0 -20px;
}
.requisition-list-update #Req-List-Place-Order-Button {
	overflow:    hidden;
	float:       right;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       82px;
	height:      20px;
	background:  url(../images/reqListPlaceOrderButton.gif) no-repeat 0 0;
	text-indent: -9999em;
}
.requisition-list-update #Req-List-Place-Order-Button:hover {
	background-position: 0 -20px;
}

/* >7n: Requisition List Detail Display Page */

/* BEGIN @T14.2A */
.requisition-list-detail #Req-List-Details {
	font-size: 91.66%;  /* 11px */
}
.requisition-list-detail #Req-List-Details .label {
	float:       left;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       130px;
	font-weight: bold;
}
.requisition-list-detail #Req-List-Contents {
    width: 100%;
}
.requisition-list-detail #Req-List-Contents .image a {
    overflow: hidden;
	display:  block;
    width:    60px;
	border:   1px solid #d4d4d4;
}
.requisition-list-detail #Req-List-Contents .image img {
    width: 60px;
}
.requisition-list-detail #Req-List-Contents .item-number {
	display:		block;
	white-space:	nowrap;
}
.requisition-list-detail #Req-List-Contents .description {
	text-align: left;
}	
.requisition-list-detail #Req-List-Contents .total {
	text-align: right;
}	
.requisition-list-detail #Req-List-Contents .list-price {
	text-decoration: line-through; 
}
.requisition-list-detail .#Req-List-Contents tbody .offer-price, .list-price {
	color: #595959;
}
.requisition-list-detail #Req-List-Contents tbody .offer-price, .list-price, .total {
    font-size:   127.27%;  /* 14px */
	line-height: 1;
	text-align: right;
	font-weight: bold;
}
.requisition-list-detail #Req-List-Contents .image,
.requisition-list-detail #Req-List-Contents .item-number,
.requisition-list-detail #Req-List-Contents .conney-item-number,
.requisition-list-detail #Req-List-Contents .qty {
	text-align: center;
}
.requisition-list-detail #Req-List-View-All-Lists-Button {
	overflow:    hidden;
	float:       left;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       130px;
	height:      20px;
	background:  url(../images/reqListViewAllListsButton.gif) no-repeat 0 0;
	text-indent: -9999em;
}
.requisition-list-detail #Req-List-View-All-Lists-Button:hover {
	background-position: 0 -20px;
}
.requisition-list-detail #Req-List-Place-Order-Button {
	overflow:    hidden;
	float:       right;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       82px;
	height:      20px;
	background:  url(../images/reqListPlaceOrderButton.gif) no-repeat 0 0;
	text-indent: -9999em;
}
.requisition-list-detail #Req-List-Place-Order-Button:hover {
	background-position: 0 -20px;
}
/* END @T14.2A */

/* >7o: Product Compare Page */

.product-compare #Compare-Add-Item-Form {
    float:     left;
	margin:    0 0 1em;
	font-size: 91.66%;  /* 11px */
}
.product-compare #Compare-Add-Item-Form label {
    float:   left;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	margin:  4px 1em 0 0;
}
.product-compare #Compare-Add-Item-Form input {
    float:   left;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	margin:  1px 1em 0 0;
}
.product-compare #Compare-Add-Item-Button {
    overflow:    hidden;
    float:       left;
	width:       49px;
	height:      21px;
	margin:      0;
	background:  url(../images/addCompareItem.gif) 0 0 no-repeat;
	text-indent: -9999em;
}
.product-compare #Compare-Add-Item-Button:hover {
    background-position: 0 -21px;
}
.product-compare #Compare-Sort-Form {
    float:     right;
	margin:    0 0 1em;
	font-size: 91.66%;  /* 11px */
}
.product-compare #Compare-Sort-Form label {
    float:   left;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	margin:  3px 1em 0 0;
}
.product-compare #Compare-Sort-Form select {
    float: left;
}
.product-compare #OrderItemAddForm {
    clear:      both;
	width:      100%;  /* HACK (IE6): trigger hasLayout fix doubled padding/margin and make child p.warning margin work */
	padding:    1em 0 0;
}
.product-compare #OrderItemAddForm .warning {
    width:       600px;  /* HACK (IE6): trigger hasLayout to make background display */
    margin:      0 0 1em 109px;
	background:  #eaeaea;
	color:       #c00;
	line-height: 1.85;
	font-weight: bold;
	text-align:  center;
}	
.product-compare #OrderItemAddForm table {
    font-size: 91.66%;  /* 11px */
}	
.product-compare #OrderItemAddForm th,
.product-compare #OrderItemAddForm td {
	overflow:       hidden;
    vertical-align: top;
}
.product-compare #OrderItemAddForm thead th,
.product-compare #OrderItemAddForm thead td {
    padding:    0 10px 0.5ex 0;
    text-align: center;
}
.product-compare #OrderItemAddForm thead img {
	width: 140px;
}
.product-compare #OrderItemAddForm tbody th {
    width:         100px;
    padding:       0.75ex 9px 0.75ex 0;
    border-bottom: 1px solid #ddd;
	color:         #036;
	text-align:    left;
}
.product-compare #OrderItemAddForm tbody td {
    width:         120px;
    padding:       0.75ex 20px 0.75ex 10px;
    border-bottom: 1px solid #ddd;
	background:    #f1f1f1 url(../images/compareColumnBg.gif) right repeat-y;
}
.product-compare #OrderItemAddForm tbody .offer-price td {
    font-size:   109.09%;  /* 12px */
	font-weight: bold;
}
.product-compare #OrderItemAddForm tbody .list-price td {
	color:           #5d5d5d;
	text-decoration: line-through;
}
.product-compare #OrderItemAddForm tbody .buy input {
    float:   left;
	display: inline;  /* HACK (IE6): fix doubled float margin bug */
	margin:  0 0 0.5ex;
}
.product-compare #OrderItemAddForm tbody .buy .add-to-cart {
    overflow:    hidden;
    float:       right;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       77px;
	height:      20px;
	margin:      0 1px 0.5ex 0;
	background:  url(../images/addToCartSml.gif) 0 0 no-repeat;
	text-indent: -9999em;
}
.product-compare #OrderItemAddForm tbody .buy .add-to-cart:hover {
    background-position: 0 -20px;
}
.product-compare #OrderItemAddForm tbody .buy .add-to-shopping-list {
    overflow:    hidden;
    clear:       both;
	float:       none;
	display:     block;
	width:       119px;
	height:      20px;
	margin:      0 auto;
	background:  url(../images/addShoppingList.gif) 0 0 no-repeat;
	text-indent: -9999em;
}
.product-compare #OrderItemAddForm tbody .buy .add-to-shopping-list:hover {
    background-position: 0 -20px;
}
.product-compare #OrderItemAddForm tfoot td {
    padding:       0.75ex 15px 0.75ex 10px;
	background:    #f1f1f1 url(../images/compareColumnBg.gif) right repeat-y;
}
.product-compare #OrderItemAddForm tfoot .remove a {
    padding-left: 15px;
    background:   url(../images/removeCompareItem.gif) left no-repeat;
}

/* >7p: Session Timeout Page */

/* >7q: Generic Error Page */

.generic-error #Page-Content .buttons {
	margin: 3em 0;
}
.generic-error #Generic-Error-Log-In-Button {
	overflow:    hidden;
	float:       left;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       128px;
	height:      37px;
	background:  url(../images/errorLogInButton.gif) no-repeat 0 0;
	text-indent: -9999em;
}
.generic-error #Generic-Error-Log-In-Button:hover {
	background-position: 0 -37px;
}

/* >7r: Quick Order Page */

.quick-order #Page-Content .instructions {
	font-size:   91.66%;  /* 11px */
	font-weight: bold;
}
.quick-order #Quick-Order-Items {
	width: 100%;
}
.quick-order #Quick-Order-Items .number {
	text-align: right;
}
.quick-order #Quick-Order-Items .item {
	width:      88px;
	text-align: center;
}
.quick-order #Quick-Order-Items .qty {
	width:         80px;
	padding-right: 135px;
	text-align:    center;
}
.quick-order #Quick-Order-Items .item input {
    width: 5em;
}
.quick-order #Quick-Order-Items .qty input {
    width:      3em;
    text-align: center;
}
.quick-order #Quick-Order-Add-To-Cart-Button {
	width:       76px;
	height:      20px;
	background:  url(../images/quickOrderAddToCartButton.gif) no-repeat 0 0;
	text-indent: -9999em;
}
.quick-order #Quick-Order-Add-To-Cart-Button:hover {
	background-position: 0 -20px;
}

/* >7s: Requisition List: Add Item to List */

.requisition-list-add-to-list #RequisitionListForm .instructions {
	font-size:   91.66%;
	font-weight: bold;
}
.requisition-list-add-to-list #RequisitionListForm .tabular-data {
	width: 100%;
}
.requisition-list-add-to-list #RequisitionListForm .tabular-data .select,
.requisition-list-add-to-list #RequisitionListForm .tabular-data .last-updated,
.requisition-list-add-to-list #RequisitionListForm .tabular-data .type {
	text-align: center;
}
.requisition-list-add-to-list #RequisitionListForm .tabular-data .select {
	width: 25px;
}
.requisition-list-add-to-list #Req-List-Add-To-List-Button {
	overflow:    hidden;
	float:       left;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       117px;
	height:      20px;
	margin:      0 1em 1em 0;
	background:  url(../images/reqListAddToListButton.gif) no-repeat 0 0;
	text-indent: -9999em;
}
.requisition-list-add-to-list #Req-List-Add-To-List-Button:hover {
	background-position: 0 -20px;
}
.requisition-list-add-to-list .add-to-new-list-button {
	overflow:    hidden;
	float:       left;
	display:     inline;  /* HACK (IE6): fix doubled float margin bug */
	width:       159px;
	height:      20px;
	margin:      0 1em 1em 0;
	background:  url(../images/reqListAddToNewListButton.gif) no-repeat 0 0;
	text-indent: -9999em;
}
.requisition-list-add-to-list .add-to-new-list-button:hover {
	background-position: 0 -20px;
}

/* -- >8: SNIPPETS (Style snippets/ bundles)-------------------------------------------------------------------------- */