@charset "UTF-8";
/* CSS Document */
/* RESET  DO NOT TOUCH */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
#09C { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

img { border: 0; }
/*img.left { float: left;}*/
img.right { float: right; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }
.white {color:#FFF;}
a.img:link, a.img:visited, a.img:active{margin:0; padding:0; border:0;}

h1,h2,h3,h4,h5,h6{
font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
margin:0px,0px,0px,0px;
font-weight:normal;
border: none;
}
.on-top
{
  z-index: 10000;
}
/* END RESET */

/* PAGE LAYOUT STYLES ***************************** */
body {
	margin:0;
	padding:0;
	border:0;	/* This removes the border around the viewport in old versions of IE */
	/*min-width:768px;		/* Minimum width of layout - remove line if not required */
			/* The min-width property does not work in old versions of Internet Explorer */
	width:100%;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-weight:400;
	font-size:1em;
}
#page {width: 960px; margin: 0 auto; position: relative; z-index:2; }
#pageidcontainer {height:32px; width:959px; margin-top:10px; border:1px solid #ccc; border-bottom:0; line-height:33px; background:url(images/page-id-bg.jpg) top left no-repeat; 
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0 ;
}




#pageid2{ float:left; height:32px;}
#Level3 #pageid {background-position: -75px 0; }
#maincontainer { clear:both; float:left; overflow:hidden; width:959px; border:1px solid #CCC; margin-bottom:10px;
z-index:1;
	/*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;*/
}
#header {
	background:url(images/global-nav2.jpg) top left no-repeat;
	position:relative;
	width:960px;
	height:106px;
	color:#000;
	font-size:80%;
	text-align:right;
	margin:0;
	z-index:999;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius: 5px;
}
#headergraphic {height:74px; width:960px;} /*SPACE ABOVE MENU BAR */

/* PAFE SETUP CSS - CREATES TWO COLUMNS FOR VERTICLE NAV AND PAGE CONTENTS */
.contentcolmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:960px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		z-index:11;
}
.content {float:left;width:100%;	position:relative;}
.pagecontent {width:729px; z-index:12;}
.floatleft
{
float: left;
margin: 0 0 10px 10px;
display: inline;
}
.section {display:block; width:729px;clear:both; padding-top:10px;}
.section a:link {color:#03C; text-decoration:underline;}
.section h4 {padding:40px 0 0 330px;}
.section p {padding:10px 15px 0 336px; line-height:1.5em;}
.pagecontent ul {font-size:.8em; padding-left:30px; line-height:1.1em;}
.pagecontent ul li {line-height:2.1em;}
.section h5 {font-size:.9em; font-style:italic; font-weight:bold; padding:20px 0 0 330px;}
.p {border:1px solid #000;}
h4 {padding-top:45px;}


.officeproducts.champs#champs { background: #0060A9 url("images/hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 5px;
}

.pagecontent,.leftmenucolumn{
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
}
.leftmenu .content {
		right:730px;			/* right column width */
		background:#eee;	/* left column background colour */
		border-right:1px solid #CCC;
}
.leftmenu .pagecontent {
		width:730px;			/* right column content width */
		left:961px;			/* 100% plus left column left padding */
		
}
.leftmenu .leftmenucolumn {
		width:230px;			/* left column content width (column width minus left and right padding) */
		left:0px;			/* (right column left and right padding) plus (left column left padding) */
		z-index:3;
		-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	border-radius: 5px;
}
/*.section {clear: both; width:710px;padding-top:17px; margin-left:10px; background:url(images/content-center-divider.jpg) top center no-repeat;}		
	*/	

/* Font Styles */

h1 {font-size:1.3em;}
h2 {font-size:1.2em; line-height:1em; padding-bottom:9px;}
h3 {font-size:1.5em;}/* Left Menu Header tag */
h4 {font-size:1.2em; padding-left:10px;}
h5 {font-size:.7em}
h6 {font-size:.8em;}/* Used in footer */

h5 {font-size:.8em; font-style:italic; font-weight:bold; padding-left:10px; padding-top:20px;}
.leftmenucolumn h4{font-size:1em; padding:15px 0 0 10px; color:#000;}

.h2mini {font-size:.7em; margin:0; padding:0; font-weight:normal; line-height:1em;}
.left1 h2 {color:#FFF;} /* FOR HOMEPAGE */
h2.gold { background-color:#F90; padding: 7px 0 5px 10px;}

p {font-size:.8em; line-height:1.4em;}
.ftbold {font-weight:bold;}
/* LIST STYLES */
.leftmenucolumn  ul{font-size:1em; line-height:1.5em; margin-bottom:10px;} /* Store Left column list style */
ul.minilist {list-style-type:square; margin-left:0;padding:0 0 10px 15px; font-size:1em; line-height:1.5em;}


/* LINK STYLES */
a:link, a:visited, a:active {color:#000; text-decoration:none; font-size:1em;}
a:hover {text-decoration:underline;}
a:hover img {text-decoration:none;}

a.white:link, a.white:visited, a.white:active { color:#FFF; text-decoration:none; font-size:.8em; padding-bottom:5px;word-spacing:1px}
a.white:hover {color:#FFF; text-decoration: underline;}

a.black:link,a.black:visited,a.black:hover,a.black:active { font-size:.8em;}
a.black:link { color:#000; text-decoration:none; padding-bottom:5px;word-spacing:1px; font-size:.8em;}
a.black:visited {color:#000; text-decoration:none;}
a.black:hover {color:#000; text-decoration: underline;}
a.black:active { color:#000; text-decoration:none;font-size:.8em;}

a.red:link, a.red:active, a.red:visited, a.red.hover {color:#F00;}
a.fp-story:link, a.fp-story:hover, a.fp-story:visited, a.fp-story:active {font-style:italic; color:#00C;}

/*VERTICLE MENU */
.leftmenucolumn ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 230px;
	border-bottom:1px solid #;
	padding-bottom:10px;

}
.leftmenucolumn li {
	font: .8em "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.leftmenucolumn a {
	color: #000;
	display: block;
	margin: 0;
	padding: 5px 20px;
	text-decoration: none;
}
.leftmenucolumn a:hover {
	background: #0060A9 url("images/hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 5px;
}
/*	STORE VERTICLE MENU */
#store .leftmenucolumn ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left:5px;
	width: 230px;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;

}
#store.leftmenucolumn li {
	font: .8em "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#store .leftmenucolumn a {
	color: #000;
	display: block;
	margin: 0;
	padding: 4px 20px;
	text-decoration: none;
}
#store .leftmenucolumn a:hover {
	background-color:#eee;
	background-image:none;
	color: #000;
	padding-bottom: 4px;
	text-decoration:underline;
}

/* Navigation Level 2 Hovers */
#managed-print .managedPrint {
	background: #0060A9 url("images/hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}
#office-products .coffee #coffee {
	background: #0060A9 url("../images/hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}
#office-products .promo-products #promo-products {
	background: #0060A9 url("../images/hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}

.leftmenucolumn img {vertical-align:middle;}


/* FOOTER STYLES */
	#footer {
		clear:both;
		width:960px;
		position:relative;
		color:#000;
		margin-top:1em;
		border-top:1px solid #6080a0;
		overflow:hidden;
		padding-bottom:30px;
	}
.footercolumn1 {
	float:left;
	width:21%;
	position:relative;
	left:77%;
	color:#000;
	padding-top:10px;
	overflow:hidden;
}
.footercolumn2 {
	float:left;
	width:21%;
	padding-top:10px;
	position:relative;
	left:81%;
	overflow:hidden;
}
.footercolumn3 {
	float:left;
	width:21%;
	padding-top:10px;
	position:relative;
	left:85%;
	overflow:hidden;
}
.footercolumn4 {
	float:left;
	width:21%;
	padding-top:10px;
	position:relative;
	left:89%;
	overflow:hidden;
}
#footercontainer4 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#c5d7e8; /* column 4 background colour */
}
#footercontainer3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:#c5d7e8; /* column 3 background colour */
}
#footercontainer2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:#c5d7e8; /* column 2 background colour */
}
#footercontainer1 {
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:#c5d7e8; /* column 1 background colour */
}	
	
#footer p {padding:10px;margin:0;}

ul.footerlist { margin-left:0;padding:0 0 10px 15px; font-size:.7em; line-height:1.5em; color:#666;}	
#footer a:link, #footer a:visited, #footer a:active {color:#666; text-decoration:none;}
#footer a:hover {color:#000; text-decoration:underline;}
	
/* Internal Column settings */
/* column container */
.internalcolumnmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:728px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
/* Internal column settings */
	.colleft,
	.colmid,
	.colright {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#eee;		/* right column background colour */
	}
	.threecol .colmid {
		right:31%;		/* width of the right column */
		background:#eee;		/* center column background colour */
	}
	.threecol .colleft {
		right:36%;			/* width of the middle column */
		background:#eee;	/* left column background colour */
	}
	.threecol .col1 {
		width:35%;			/* width of center column content (column width minus padding on either side) */
		left:101%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:31%;			/* Width of left column content (column width minus padding on either side) */
		left:33%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:29%;			/* Width of right column content (column width minus padding on either side) */
		left:71%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}