
/* additional globals */
body {
	background: url(../../images/bg.png) top left repeat #fff;
	font-family: Arial, Helvetica, sans-serif;
}

hr	{ display:none; }

/* structural elements */
#wrapper	{
	background: url(../../images/bg2.png) top left repeat-x transparent;
	position: relative;
	width: 100%;
}

#container	{ margin:0 auto; width:970px; }

.clear		{ clear:left; }
.clear2		{ clear:right; }
.clear-both	{ clear:both; }

input.radio	{ border:0; }

/* express cart confirmation speech bubble */
#speech-bubble, 
#speech-bubble2	{
	background: url(../../images/bg-speech-bubble.png) center top no-repeat transparent;
	height: 106px;
	left: 50%;
	margin-left: 50px;
	padding: 18px 42px 20px 19px;
	position: absolute;
	top: 113px;
	width: 200px;
	z-index: 10;
}

	#speech-bubble	.top, 
	#speech-bubble2	.top	{
		background: url(../../images/speech-bubble-top.png) top left no-repeat #384664;
		height: 23px;
		overflow: hidden;
		text-align: right;
	}

	#speech-bubble	.bottom, 
	#speech-bubble2	.bottom	{
		color: #666;
		font-size: 0.6875em;
		padding: 5px 0;
	}

		#speech-bubble	.bottom	img, 
		#speech-bubble2	.bottom	img	{
			float: left;
			margin-bottom: 5px;
			margin-right: 4px;
		}

#bubbleDescr, 
#bubbleUpdateDescr	{
	color: #384664;
	font-size: 1.1em;
	line-height: 40px;
}

		#speech-bubble	.bottom	form	{
			border-top: 1px solid #384664;
			clear: left;
			padding-top: 4px;
			text-align: center;
		}
		
		#speech-bubble	.bottom	table	{
			margin: 0 auto;
			width: 50%;
		}

		#speech-bubble	.bottom	input	{
			border: 1px solid #ccc;
			border-bottom: 1px solid #eee;
			border-top: 1px solid #333;
			margin: 0 5px;
		}

#speech-bubble3	{
	background: url(../../images/bg-speech-bubble3.png) center top no-repeat transparent;
	height: 219px;
	left: 50%;
	margin-left: -100px;
	padding: 18px 42px 20px 19px;
	position: absolute;
	top: 113px;
	width: 355px;
	z-index: 10;
}

	#speech-bubble3	table	{
		margin: 0 auto;
	}
	
	#speech-bubble3	.close-button	{
		float: right;
	}

/* header */
#header	{
	height: 95px/* 135px */;
	padding: 8px 0 2px;
}

	#header	h1, 
	#header	h2	{ float:left; }
	
		#header	h1	a, 
		#header	h2	a	{
			background-image: url(../../images/century-business-logo.gif);
			display: block;
			height: 82px;
			overflow: hidden;
			text-indent: -9999px;
			width: 200px;
		}

	#header	.weekend	{ float:right; }

	#header	.tagline, 
	#header	.phone-number	{
		display: block;
		overflow: hidden;
		text-indent: -9999px;
	}

	#header	.tagline	{
		background-image: url(../../images/tagline.gif);
		margin: 6px 0 7px;
		height: 18px;
		width: 551px;
	}
	
	#header	.phone-number	{
		/*background-image: url(../../images/800-767-0777.gif);*/
		color: #b75555;
		float: right;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 24px;
		font-weight: bold;
		height: 30px;
		letter-spacing: -1px;
		text-indent: 0;
		/*width: 179px;*/
	}
	
		#header	.phone-number	a	{
			color: #b75555;
			text-decoration: none;
		}

	#header	.row1	{
		background-color: #fff;
		float: left;
		height: 34px;
		margin-left: 10px;
		overflow: hidden;
		position: relative;
		width: 760px;
	}
	
		.row1	li	{
			display: block;
			height: 29px;
			position: absolute;
			text-align: left;
		}
	
			.row1	li	h4	{ float:left; }
	
				.row1	li	h4	a	{
					display: block;
					height: 29px;
					overflow: hidden;
					text-indent: -9999px;
				}
	
		#header	.row1	li.corporate-orders	{
			left: 0;
			top: 5px;
			width: 140px;
		}
		
			#header	.row1	li.corporate-orders	img	{ border-right:1px solid #fff; }
	
		#header	.row1	li.search-area-middle	{
			background-color: #AF2B2B;
			height: 34px;
			left: 140px;
			top: 0;
			width: 366px;
		}
	
			#header	.row1	li.search-area-middle	form	{
				display: block;
				padding-top: 5px;
				vertical-align: top;
			}
	
				#header	.row1	li.search-area-middle	h4	a	{
					background-image: url(../../images/li-search-area-middle-h4.png);
					width: 80px;
				}
				
				#header	.row1	li.search-area-middle	.search-input	{
					border: 1px solid #ccc;
					border-bottom: 1px solid #eee;
					border-top: 1px solid #333;
					color: #333;
					float: left;
					font-size: 1em;
					font-weight: bold;
					height: 20px;
					padding: 1px 2px;
					width: 236px;
				}
				
				#header	.row1	li.search-area-middle	button	{
					background: none;
					border: 0;
					cursor: pointer;
					float: left;
					padding: 0;
				}
	
		#header	.row1	li.my-account	{
			height: 29px;
			right: 1px;
			top: 5px;
			width: 253px;
		}
	
			#header	.row1	li.my-account	div	{
				background-color: #AF2B2B;
				border-left: 1px solid #fff;
				color: #fff;
				display: block;
				float: left;
				font-size: 0.6875em;
				line-height: 29px;
				padding-right: 8px;
				text-align: right;
				width: 244px;
			}
	
				.row1	li.my-account	h4	a	{
					background-image: url(../../images/li-my-account-h4.gif);
					height: 24px;
					text-align: left;
					width: 88px;
				}
				
				.row1	li.my-account	a:link, 
				.row1	li.my-account	a:visited	{
					color: #fff;
					font-weight: bold;
					text-decoration: none;
				}
				
				.row1	li.my-account	a:hover, 
				.row1	li.my-account	a:active	{
					background-color: #fff;
					color: #AF2B2B;
				}
	
	#header	.row2	{
		float: left;
		height: 29px;
		margin-left: 10px;
		overflow: hidden;
		padding-top: 1px;
		width: 760px;
	}
	
		#header	.row2	li	{ float:left; }

	#header	.important-message	{
		background-color: #f0edd5;
		border-top: 1px solid #fff;
		display: none;
		height: 30px;
		overflow: hidden;
		padding: 5px;
	}
	
		#header	.important-message	p	{
			color: #666;
			font-size: 0.6875em;
			line-height: 1.4em;
		}
/* header ----------------------------------------------- */


/* left column ------------------------------------------ */
#leftcol	{
	float: left;
	overflow: hidden;
	padding-bottom: 100px;
	width: 200px;
}

	#leftcol	.search-area	{
		display: none;
		height: 31px;
		padding: 10px;
	}
	
		.search-area	.search-input	{
			background: url(../../images/search-input-bg.gif) top left no-repeat transparent;
			border: 0;
			color: #333;
			float: left;
			font-weight: bold;
			height: 31px;
			padding-left: 11px;
			padding-top: 10px;
			vertical-align: top;
			width: 138px;
		}

		.search-area	.search-button	{
			float: left;
		}

.office-supplies-category	{
	clear: left;
}

.office-supplies-category, 
.photo-supplies-category, 
#leftcol	p	{
	padding: 0 10px 0 11px;
}

	.office-supplies-category	h3, 
	.photo-supplies-category	h3	{
		display: block;
		height: 30px;
	/*	height: 56px; */
		overflow: hidden;
		text-indent: -9999px;
		width: 150px;
	}

	.office-supplies-category	h3	{ background-image:url(../../images/office-supplies-categories-h3.gif); }
	.photo-supplies-category	h3	{ background-image:url(../../images/photo-supplies-categories-h3.gif); }

	.office-supplies-category	ul, 
	.photo-supplies-category	ul	{
		padding-bottom: 1em;
	}

		.office-supplies-category	li, 
		.photo-supplies-category	li	{
			border-bottom: 1px dotted #b7b7b7;
			font-size: 0.625em;
			line-height: 1.3em;
			padding: 0.5em 0.4em;
		}

	.office-supplies-category	a:link, 
	.office-supplies-category	a:visited, 
	.photo-supplies-category	a:link, 
	.photo-supplies-category	a:visited	{
		color: #666;
		text-decoration: none;
	}
	
	.office-supplies-category	a:hover, 
	.office-supplies-category	a:active	{
		color: #546a8e;
		text-decoration: underline;
	}
	
	.photo-supplies-category	a:hover, 
	.photo-supplies-category	a:active	{
		color: #8e5454;
		text-decoration: underline;
	}

.leftcol-creditcards	{
	margin-bottom: 1em;
	text-align: center;
}

.leftcol-ssl	{
	left: 50%;
	margin-left: -485px;
	position: absolute;
	text-align: center;
	top: /* 675px */650px;
	width: 200px;
}
/* left column ------------------------------------------ */


/* main ------------------------------------------------- */
#content	{
	float: left;
	overflow: hidden;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 760px;
}

#main	{
	float: left;
	margin-right: 10px;
	overflow: hidden;
	width: 570px;
}

.header-bottom	{
	background-color: #fff;
	clear: left;
	font-size: 0.6875em;
	padding: 1.4em 1.1em 1em;
}
/* main ------------------------------------------------- */


/* right column ----------------------------------------- */
#right-column	{
	float: left;
	overflow: hidden;
	width: 180px;
}

.rcblock	{
	border: 5px solid #fff;
	margin-bottom: 10px;
	overflow: hidden;
	width: 170px;
}

	.rcblock	h5	{
		display: block;
		overflow: hidden;
		text-indent: -9999px;
	}

.topright-cart	{
	background-color: #384664;
	color: #fff;
}

	.topright-cart	h5	{
		background-image: url(../../images/topright-cart-h5.gif);
		height: 22px;
		width: 136px;
	}

	.topright-cart	.rc-cart	{
		font-size: 0.6875em;
		line-height: 1.3em;
		padding: 1.1em 0.7em 0.9em;
	}

		#headerCartItems	{
			font-weight: bold;
		}
		
		#headerCartTotal	{
			font-size: 0.875em;
		}
	
		.topright-cart	.rc-cart	.checkout	{
			float: right;
		}

		.topright-cart	.rc-cart	a:link, 
		.topright-cart	.rc-cart	a:visited	{
			color: #fff;
			text-decoration: none;
		}
		
		.topright-cart	.rc-cart	a:hover, 
		.topright-cart	.rc-cart	a:active	{
			background-color: #fff;
			color: #21496F;
		}

.express-shop	{
	background: url(../../images/express-shop-bg.gif) top left repeat-x #af2b2b;
	padding: 5px 0;
}

	.express-shop form	{
		padding: 6px;
		text-align: left;
	}

		.express-shop h5	{
			background: url(../../images/express-shop-title.gif) no-repeat top left transparent;
			margin-left: 5px;
		}

		.express-shop	form	.express-input	{
			border: 1px solid #ccc;
			border-bottom: 1px solid #eee;
			border-top: 1px solid #000;
			color: #666;
			width: 110px;
		}

.newsletter-signup	{
	background: url(../../images/newsletter-signup-bg.gif) top left repeat-x #E0DDA5;
}

	.newsletter-signup	form	{
		padding: 5px 6px;
		text-align: right;
	}

		.newsletter-signup	h5	{
			background-image: url(../../images/newsletter-signup-h5.gif);
			height: 50px;
			width: 161px;
		}

		.newsletter-signup	form	.newsletter-input	{
			background: url(../../images/newsletter-input-bg.gif) top left repeat-x #fff;
			border: 1px solid #98958b;
			color: #666;
			margin: 0 auto;
			padding: 3px;
			width: 151px;
		}

.related-products	{  }

	.related-products	.border	{
		background-color: #fff;
		border: 1px solid #e6dfdb;
	}

	.related-products	h5	{
		background-image: url(../../images/related-products-h5.gif);
		height: 19px;
		width: 120px;
	}

	.related-products	ul	{
		padding: 0.8125em 0.375em;
	}

		.related-products	li	{
			display: block;
			font-size: 0.75em;
			margin-bottom: 1em;
		}

			.related-products	li	.product-image	{
				float: left;
				text-align: center;
				width: 40px;
			}
			
			.related-products	li	.price	{
				color: #af2b2b;
				line-height: 1.5em;
			}
			
			.related-products	li	img.right	{
				float: right;
			}

			.related-products	li	a:link, 
			.related-products	li	a:visited	{
				color: #5e75a7;
				font-size: 0.9167em;
				line-height: 1.27em;
				text-decoration: underline;
			}
			
			.related-products	li	a:hover, 
			.related-products	li	a:active	{
				background-color: #ebf0fa;
				text-decoration: none;
			}

.previously-viewed	{
	background-color: #fff;
}

	.previously-viewed	h5	{
		background-image: url(../../images/previously-viewed-h5.gif);
		height: 20px;
		margin-bottom: 0.875em;
		width: 138px;
	}

	.previously-viewed	ul	{
		padding: 0 0.64em;
	}

		.previously-viewed	li	{
			background: url(../../images/previously-viewed-li-bg.gif) top left no-repeat #fff;
			font-size: 0.6875em;
			line-height: 1.1em;
			margin-bottom: 1.2em;
			padding-left: 1em;
		}

			.previously-viewed	li	a:link, 
			.previously-viewed	li	a:visited	{
				color: #5e75a7;
				text-decoration: underline;
			}
			
			.previously-viewed	li	a:hover, 
			.previously-viewed	li	a:active	{
				background-color: #ebf0fa;
				text-decoration: none;
			}
/* right column ----------------------------------------- */


/* footer1 ---------------------------------------------- */
#footer1	{
	background-color: #515a6d;
	height: 192px;
	clear: left;
	padding-bottom: 10px;
}

	.footer-container	{ margin:0 auto; width:928px; }

	#footer1	.col1, 
	#footer1	.col2, 
	#footer1	.col3, 
	#footer1	.col4	{
		float: left;
		width: 232px;
	}
	
	#footer1	.col3	{ width:170px; }
	#footer1	.col4	{ width:292px; }
	
		#footer1	.col3	h4	{ width:164px; }
	
		#footer1	h4	{
			display: block;
			height: 34px;
			overflow: hidden;
			text-indent: -9999px;
			width: 226px;
		}

		#footer1	.col1	h4	{ background-image:url(../../images/footer-office-supplies-h4.gif); }
		#footer1	.col2	h4	{ background-image:url(../../images/footer-photo-supplies-h4.gif); }
		#footer1	.col3	h4	{ background-image:url(../../images/footer-site-navigation-h4.gif); }
		#footer1	.col4	h4	{ background-image:url(../../images/footer-contact-us-h4.gif); }

	#footer1	ul	{
		padding-left: 1em;
	}
	
		#footer1	li	{
			background: url(../../images/footer-li-bg.gif) top left no-repeat #515a6d;
			font-size: 0.6875em;
			line-height: 1em;
			padding-bottom: 5px;
			padding-left: 10px;
		}
		
		#footer1	.footer-brands	li	{
			background: none;
			float: left;
			padding: 0 5px 5px 0;
			width: 100px;
		}

	#footer1	address	{
		color: #fff;
		font-size: 0.6875em;
		font-style: normal;
		line-height: 1.4em;
		padding: 0.4em 1em;
	}

	#footer1	a:link, 
	#footer1	a:visited	{
		color: #fff;
		text-decoration: none;
	}
	
	#footer1	a:hover, 
	#footer1	a:active	{
		text-decoration: underline;
	}
	
		#footer1	.col4	address	{
				color: #fff;
				float: left;
				font-size: 11px;
				font-style: normal;
				line-height: 14px;
				padding: 0;
				width: 120px;
			}
			
			#footer1	.col4	address.sale-office	{ width:164px; }
/* footer1 ---------------------------------------------- */


/* footer2 ---------------------------------------------- */
#footer2	{
	padding: 0.625em 0  1em;
}

	#footer2	p.copyright	{
		color: #333;
		font-size: 0.6875em;
		padding-bottom: 1em;
		padding-left: 6px;
		text-align: center;
	}

	#footer2	a:link, 
	#footer2	a:visited	{
		color: #666;
		text-decoration: underline;
	}
	
	#footer2	a:hover, 
	#footer2	a:active	{
		text-decoration: none;
	}

.ncd-sites	{
	float: right;
}

	.ncd-sites	li	{
		display: inline;
		margin-right: 10px;
	}
/* footer2 ---------------------------------------------- */

