html { background-color:#696969; }
body { 
	width: 980px;
	/* height: 600px;	-- to assure vertical scroll bar is displayed; but messes up long pages badly */
	overflow: auto;		/* auto causes both vertical & horizontal scrollbars when needed. */
	margin: auto;
	background-color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt; }
   
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; }

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

.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, #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: 118px;
  _padding-right:29px;	/* note: leading underscore not accepted by FF & IE7+... but works in IE6!! */
}

#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:16px; margin-left:26px; 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:10; 
}

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...  ****/
div.rolloverPrinterMenu a.hp { background: url("images/tri-button-hp.gif") 0 0 no-repeat; }
div.rolloverPrinterMenu a.canon { background: url("images/tri-button-canon.gif") 0 0 no-repeat; }
div.rolloverPrinterMenu a.epson { background: url("images/tri-button-epson.gif") 0 0 no-repeat; }
div.rolloverPrinterMenu a.dell { background: url("images/tri-button-dell.gif") 0 0 no-repeat; }
div.rolloverPrinterMenu a.brother { background: url("images/tri-button-brother.gif") 0 0 no-repeat; }
div.rolloverPrinterMenu a.lexmark { background: url("images/tri-button-lexmark.gif") 0 0 no-repeat; }

div.rolloverPrinterMenu a { float:left; display:block; width: 120px; height: 24px; }
div.rolloverPrinterMenu a:hover {	background-position: 0 -24px;	/*color: #049; */ }
div.rolloverPrinterMenu a:active {	background-position: 0 -48px;	/*color:#fff; */ }    
div.rolloverPrinterMenu a.selectd { background-position: 0 -48px; }

/* ============= EOF ============== */

div#masteroverlay
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 2; 
	width: 100%; 
	height: 100%; 
	filter:alpha(opacity=75); 
	opacity: 0.75; 
	background: #aaa;
	display: none;
}