html
{	background-color:#696969; /* background color for portion of window wider than body content */
	overflow: auto;		/* auto causes both vertical & horizontal scrollbars when needed. */
}
body
{
	width: 980px;
	margin: auto;	/* keeps page content centered horizontally when window wider than content */
	background-color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

h1 { font-size: 14pt; font-weight:bold; }

img { border:0px; }
a.tab img { padding-right: 10px; }

form { display:inline; }

a { color:Blue; text-decoration:none; }
a:visited { color:Blue; }
a:hover { text-decoration: underline; }

.vMiddle { vertical-align:middle; }
.teal { color: #008cb8; }
.siteBlue { color:#446791; }
.siteBlueLight { color:#4080E0; }
.siteRed { color:#E84070; }
.sitePurple { color:#502270; }
.isLink { color: Blue; text-decoration: underline; cursor:pointer; }
.notLink { color: Black; text-decoration: none; }

table.table0 { width:100%; }
table.table0 td { margin:0px; padding: 0px; }

ul.flushlist, ol.flushlist
{
	list-style-type: disc;
	margin-left: 6px;
	padding-left: 15px;
	margin-top: 0px; margin-bottom:0px;
}

ul.fixList, ol.fixList 
{	margin-left:0px; _margin-left:20px; padding-left:15px; margin-bottom:0px; }
html* ul.fixList, html* ol.fixList { margin-left:4px; }

.validation
{
	font-size: 8pt;
	color: Red;
	font-weight: bold;
}

.validationSuggested
{
	color: black;
}

.requiredField
{
	font-weight: bold;
}

.smalltype
{
	font-size: 7.5pt;
}

#header a { color:#446791; text-decoration:none; }

#headerShoppingSummary, #headerShoppingSummary a { color:#B0B0B0; }

#topNavBar {
	background: url(images/header_gradient.gif) repeat-x;
}

#topNavBar, #topNavBar ul {
	padding: 0;
	margin: 0;
	list-style: none; 
}

#header #topNavBar li {
	position:relative;
	font-size:10pt; font-weight:bold;
	color:white;
	background: url(images/header_gradient.gif) repeat-x;
	vertical-align:middle;
	text-align: center;
	line-height: 25px;
	float: left;
	display: block;
}

#header #topNavBar li#navTopRightPadding
{
  width: 106px;
  _padding-right:0px;	/* note: leading underscore not accepted by FF & IE7+... but works in IE6!! */
}

html>body #header #topNavBar li#navTopRightPadding { *width: 106px; *overflow:hidden; }

#topNavBar li a {
	display: block;
	color:white;
	font-family: Arial;
	/*background: url("/images/header_gradient.gif") repeat-x;*/
}

#topNavBar li a:hover {
	color:black; background-color: #F6F6F6;
}

#topNavBar ul.subitems {	/* drop-down menu items */
	position: absolute;	/* so rest of page not pushed down by these */
	display: none;		/* initially submenu(s) are not displayed */
}

#topNavBar ul.subitems li {
	padding: 0px;	/* no left-right padding for submenu items */
	z-index:20;
}
#header #topNavBar ul.subitems li.bottomBorder {
	height: 0px;
	line-height: 0px;
	width: 155px;
	/*margin-left: -1px; */
	border-bottom: solid #666666 4px;
}
#topNavBar ul.subitems li a {
	color:black; background-color: #F6F6F6;
	font-weight: normal;
	padding-left: 12px;
	text-align: left;
	width: 140px;
	border-right: solid 3px #666666;	/*#1D4684;*/
	/*margin-left: -1px;*/
}

#topNavBar ul.subitems li a:hover {
	text-decoration: underline;
}

#topNavBar li:hover ul, #topNavBar li.sfhover ul {
	display: block;		/* show the submenus when mouse hovers over! */
}

#topNavBar li.sfhover ul {	/* this is IE-specific and corrects positioning flaw */
	top: 25px;
	left: 14px;
}

#contentMain { width:980px; }	/* "normal" contentMain (without RS) */

/* below is for reference only... explicit style in MasterPageRS.master modifies contentMain & specifies it
#contentMainRS { width:740px; float:left; } */

#contentMain div.marginLeft { margin-left:20px; }

#contentMain img.topimage
{	 text-align:center; }

#contentMain div.heading
{	margin:16px 0px; color: #888888; font-size:18px; font-weight:bold; text-transform:uppercase; }

#contentMain div.headingNotCaps0
{	margin-top:16px; color: #888888; font-size:14pt; font-weight:bold; }

#contentMain div.headingNotCaps
{	margin-top:20px; color: #666666; font-size:14pt; font-weight:bold; }

#contentMain div.subheading
{	margin-top:6px; font-size:10pt; color:#797979; font-weight:bold; }

#contentMain div.redmsg
{	color:Red; font-size:12pt; font-weight:bold; margin-top:12px; }

#contentMain div.asof
{	color:#808080; margin-top:8px; }

#contentMain .LoginHeading
{	font-family:Arial, "Microsoft Sans Serif"; font-size:11pt; font-weight:bold;}

/* Right-Side column ...  */
#contentRS { width:200px; margin-top:8px; margin-right:14px; float:right; }

#footer
{
	text-align:center; font-size:8pt; color:#606060; margin-bottom:8px; background-color:#e1e1e1;
}
/*#footer a { text-decoration: none; }*/
#footer div.timestamp { display:none; margin-top: 8px; color: #c0c0c0; font-size:7pt; }

/* ============ below here not used by MasterPage... common stuff used by content of various pages ======== */

.FreeText { font-size:22pt; _font-size:20pt; font-style:italic; font-family: "Arial Narrow", Sans-Serif; }
.FreeTextPink { color:#ea0088; font-size:20pt; _font-size:17pt; font-weight:bold; font-style:italic; }
a.freeOfferDetails { font-size:10pt; text-decoration:underline; }
span.bigPlus { font-size:20pt; font-weight:bold; vertical-align:sub; }
html* span.bigPlus { vertical-align:middle; }
.hide_ie6 { _display:none; }

#contentMain div#OfferDetails
{	position:absolute; width:560px; left:80px; top:10px; border:solid 3px #ea0088;
	padding:16px; padding-right:10px; padding-bottom:12px;
	background-color:#f8f8f8; display:none; z-index:9;
}

div.popupDiv
{	position:absolute; display:none; border:solid 3px #ea0088;
	background-color:#f8f8f8;
}

div.popupPadding { padding:12px 20px; padding-bottom:8px; }

#contentMain div.hiddenWithBorder	/* a popupDiv with padding */
{	position:absolute; display:none; border:solid 3px #ea0088;
	padding-top:0px; padding-left:16px; padding-bottom:12px;
	background-color:#f8f8f8;
}

div.gainsCalcBox { float:right; width:280px; padding:10px; text-align:center; background-color:Green; }
a.Black { color: Black; }

table.Buy
{
	border: solid 2px #DCDCDC;
}
table.Buy th
{
	background-color: #E3E3E3;
	text-align:right;
}
table.Buy td
{
	text-align:right;
}
table.Buy td input.tbQty
{
	width:20px;
}

input.btnBuy
{
	vertical-align: middle;
}

/*************************************************************************************
*
*						Terms and Conditions
*
*************************************************************************************/
div.tandc div.heading
{
	color: #008cb8;
	margin: 12px 0px;
	font-size: 13pt;
	font-weight: bold;
	text-transform: none;
}
div.tandc div.subheading
{
	margin-top: 12px;
	margin-bottom: 4px;
	font-size: 12pt;
	color: #797979;
	font-weight: bold;
}
div.tandc p
{
  margin-top: 4px;
  text-align: justify;
}
div.tandc p.topic
{
	text-align: justify;
	margin-top:2px;
}
div.tandc p.version
{
	text-align: right;
	font-size: smaller;
}

/*======================== below here are for user Controls ===========================*/

#contentRS #shoppingList table { width:198px; border: solid 1px #C8C8C8; }
html* #contentRS #shoppingList table { margin-top:-3px; }
#contentRS div#shoppingList { margin-bottom:16px; }
#contentRS #shoppingList td { font-size:9pt; vertical-align:top; padding: 1px 2px; }
#contentRS #shoppingList td.col1 { width:148px; font-size:8pt; }
#contentRS #shoppingList td.col2 { width:12px; text-align:right; white-space:nowrap; }
#contentRS #shoppingList td.col3 { /*width:36px;*/ text-align:right; }
#contentRS #shoppingList td.buyMoreMsg { font-size:8pt; text-align:center; }

#contentRS div#bestSellers div.border { width:198px; border: solid 1px #D0D0D0; }
html* #contentRS div#bestSellers div.border { margin-top:-4px; }
#contentRS div#bestSellers div.image { width:80px; float:left; text-align:center; }
#contentRS div#bestSellers div.name { margin-top:16px; }
#contentRS div#bestSellers div.price { margin-top:12px; width:60px; float:left; font-size:10pt; color:Black; font-weight:normal; }
#contentRS div#bestSellers div.btnAdd { margin-top:10px; }
#contentRS div#bestSellers div.cornerBottomLeft { margin-top:-9px; margin-left:-0px; }
html* #contentRS div#bestSellers div.cornerBottomLeft { margin-top:-12px; }
#contentRS div#bestSellers div.cornerBottomRight { margin-top:-11px; margin-left:190px; }

div#specialOffers div.border { padding-left:12px; width:186px; border: solid 1px #D0D0D0; }
html* div#specialOffers div.border { margin-top:-4px; }
div#specialOffers div.border input.emailAddress { width:130px; color:#303030; }

div#inkFinder table.border { width:236px; height:146px; border: solid 1px #D0D0D0; _margin-top:0px; background-color:White; }
div#inkFinder table.border td.spacer { width: 4px; }
div#inkFinder table.border td.number { font-size:9pt; color:#808080; }
div#inkFinder table.border td.number span.number { color:#0054a6; font-size:12pt; font-weight:bold; }
div#inkFinder table.border td select { font-size:10pt; }
div#inkFinder table.border td.or { padding-top:3px; }
div#inkFinder .leftBottomCorner { margin-top:-9px; _margin-top:-11px; }
html* div#inkFinder .leftBottomCorner { margin-top:-11px; }
div#inkFinder .rightBottomCorner { margin-left:226px; margin-top:-11px; _margin-top:-16px; }
html* div#inkFinder .rightBottomCorner { margin-top:-16px; }

/****** printerMenu.ascx...  ****/
/* NOTE: images below MUST be .gif files or else the rollover effect will NOT work
		 Also the styles to specify background images MUST appear before the styles below
		  them that specify the rollover effect or else the rollover will NOT work */
div.rolloverPrinterMenu a.hp { background: url("images/tri-button-hp.png") 0 0 no-repeat; }
div.rolloverPrinterMenu a.canon { background: url("images/tri-button-canon.png") 0 0 no-repeat; }
div.rolloverPrinterMenu a.epson { background: url("images/tri-button-epson.png") 0 0 no-repeat; }
div.rolloverPrinterMenu a.dell { background: url("images/tri-button-dell.png") 0 0 no-repeat; }
div.rolloverPrinterMenu a.brother { background: url("images/tri-button-brother.png") 0 0 no-repeat; }
div.rolloverPrinterMenu a.lexmark { background: url("images/tri-button-lexmark.png") 0 0 no-repeat; }
div.rolloverPrinterMenu a.ibm { background: url("images/tri-button-ibm.png") 0 0 no-repeat; }
div.rolloverPrinterMenu a.xerox { background: url("images/tri-button-xerox.png") 0 0 no-repeat; }
div.rolloverPrinterMenu a.okidata { background: url("images/tri-button-okidata.png") 0 0 no-repeat; }
div.rolloverPrinterMenu a.samsung { background: url("images/tri-button-samsung.png") 0 0 no-repeat; }

div.rolloverPrinterMenu { }
div.rolloverPrinterMenu div.printerMenuTopRow { width:590px; }
div.rolloverPrinterMenu div.printerMenuBottomRow { width:590px; }
div.rolloverPrinterMenu a { float:left; display:block; width: 118px; height: 24px; }
div.rolloverPrinterMenu a:hover {	background-position: 0 -24px; }
div.rolloverPrinterMenu a:active {	background-position: 0 -48px; }
div.rolloverPrinterMenu a.selectd { background-position: 0 -48px; }
/****** end styles: printerMenu.ascx...  ****/

div#WindowOverlay, div#masteroverlay
{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 6;
	width: 100%;
	height: 100%;
	background: #a0a0a0;

	opacity: 0.75;				/* standard */
	-ms-filter: alpha(opacity=75); /* IE 8 */
	filter: alpha(opacity=75);	/* IE < 8 */
	-moz-opacity: 0.75;			/* FF < 1.5 and Netscape */
}