/**********************
 OVERALL LAYOUT
***********************/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff url(/images/bodyback.gif) repeat-y top center;
}

#skiptomain {
	display: none;
}

#wrapper {
	position: absolute;
	width: 930px;
	left: 50%;
	margin-left: -465px;
	text-align: center;
	font-size: 0.85em;
	background: #fff;
}

#pagecontainer {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 930px;
}

#header {
	width: 930px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

	#headerleft {
		width: 400px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		text-align: left;
	}


	#headerright {
		width: 530px;
		margin: 5px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		text-align: right;
	}

#topnav {
	width: 930px;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #69c;
}

	#topnavleft {
		margin: 0px 0px 0px 0px;
		padding: 2px 0px 2px 0px;
		float: left;
		text-align: left;
		width: 700px;
	}

	#topnavright {
		margin: 0px 0px 0px 0px;
		padding: 4px 10px 4px 0px;
		float: right;
		text-align: right;
		width: 220px;
	}

#mainpage {
	width: 930px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 500px;
	height: auto;
	}
	/* for Internet Explorer */
	/*\*/
	* html #mainpage {
		height: 500px;
	}
	/**/

	#mainpageleft {
		width: 198px;
		margin: 0px 0px 0px 0px;
		padding: 3px 2px 0px 0px;
		float: left;
		text-align: left;
	}

	#mainpageright {
		width: 730px;
		margin: 2px 0px 0px 0px;
		padding: 3px 0px 0px 0px;
		float: left;
		text-align: left;
	}

		#breadcrumb {
			width: 720px;
			background: #eee;
			margin: 0px 0px 0px 0px;
			padding: 5px 0px 5px 10px;
			float: left;
			text-align: left;
		}

		#mainpagecontentimage {
			width: 730px;
			margin: 2px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			float: left;
			text-align: right;
		}

		#mainpagecontent {
			width: 560px;
			margin: 15px 0 0 0;
			padding: 0 0 0 10px;
			float: left;
			text-align: left;
		}
		
			* html #mainpagecontent {
				width: 550px;
			}

		#mainpagecontentright {
			width: 150px;
			margin: 15px 0px 0px 10px;
			padding: 0px 0px 0px 0px;
			float: right;
			text-align: left;
		}
		
		#mainpagecontentright p {
			margin: 0px;
			background: #ded;
			padding: 5px;
		}		

#abovefooter {
	width: 930px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-align: center;
}

#footer {
	background: #ccc;
	border-top: 1px solid #bbb;
	width: 930px;
	margin: 2px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-align: center;
}

#belowfooter {
	width: 930px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-align: center;
}

/*****************
 BODY FONT
*****************/

body, table {
	font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}


/**********************
 BODY FONT HACK FOR IE
**********************/

* html body, * html table  {
	font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: medium;
}

/*****************
 FONTS
*****************/

#headerleft { font-size: 0.8em; color: #000; }
#headerright { font-size: 0.8em; color: #000; }
#topnav { font-size: 0.8em; }
#breadcrumb { font-size: 0.8em; color: #000; }
#mainpageleft { font-size: 0.9em; color: #000; }
#mainpagecontent { font-size: 0.9em; color: #000; line-height: 1.4em; }
#mainpagecontentright { font-size: 0.8em; color: #000; line-height: 1.4em; }
#footer { font-size: 0.8em; color: #000; line-height: 1.4em;}
#belowfooter { font-size: 0.8em; color: #000; line-height: 1.4em;}
.pt-eight { font-size: 0.8em; }
.pt-seven { font-size: 0.7em; }
.txt-red { color: #c00; }
.txt-orange { color: #f90; }


/*****************
 HEADINGS
*****************/

h1 { font-size: 1.4em; display:block; color: #003; font-weight: normal; margin: 0px 0px 5px 0px;}
h2 { font-size: 1.2em; color: #f60; display: block;  margin: 15px 0px 5px 0px; padding: 0px 0px 0px 0px;}
h3 { font-size: 1.1em; display:block; margin: 0px 0px 0px 0px; padding: 5px 0px 2px 0px;}
h4 { font-size: 1.0em; display:block; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;}


/*****************
 BREAKS
*****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

/*****************
 PARAGRAPHS
*****************/

p { margin: 5px 0px 5px 0px; }
p.big { margin: 10px 0px 10px 0px; }
p.nomarg { margin: 0px; }
p.smalltext { font-size: 0.9em; }

/*****************
 LINKS
*****************/

#header a:link{ color: #339; text-decoration: none }
#header a:visited{ color: #339; text-decoration: none }
#header a:hover{ color: #339; text-decoration: underline }

#breadcrumb a:link{ color: #000; text-decoration: none }
#breadcrumb a:visited{ color: #000; text-decoration: none }
#breadcrumb a:hover{ color: #000; text-decoration: underline }

#mainpagecontent a:link{ color: #33c; text-decoration: underline }
#mainpagecontent a:visited{ color: #33c; text-decoration: underline }
#mainpagecontent a:hover{ color: #66f; text-decoration: underline }

#mainpagecontentright a:link{ color: #33c; text-decoration: underline }
#mainpagecontentright a:visited{ color: #33c; text-decoration: underline }
#mainpagecontentright a:hover{ color: #66f; text-decoration: underline }

#footer a:link{ color: #336; text-decoration: none }
#footer a:visited{ color: #336; text-decoration: none }
#footer a:hover{ color: #336; text-decoration: underline }

#belowfooter a:link{ color: #336; text-decoration: none }
#belowfooter a:visited{ color: #336; text-decoration: none }
#belowfooter a:hover{ color: #336; text-decoration: underline }

/*****************
 IMAGES
*****************/

img {
	border: none
	}

/*****************
 TOP OF PAGE NAV LIST
*****************/

#topnavleft ul#nav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	letter-spacing: 0px;
}

#topnavleft ul#nav li {
	float: left;
	line-height: 1.8em;
	margin: 0px 0px 0px 0px;
	padding: 3px 15px 3px 15px;
	display: inline;
	text-align: center;
	border-right: solid 1px #fff;
}


#topnavleft ul#nav li a {	
	color: #fff;
	text-decoration: none;
}

#topnavleft ul#nav li a:hover {
	color: #000;
	text-decoration: none;
}



/*****************
 IMAGE FLOATS
 *****************/

img.floatleft {
	float: left;
	margin: 10px 10px 10px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 10px 10px;
}


/*****************
BROKERAGE ITEMS
*****************/

div.brokitem {
  	position: relative;
   	width: 122px;
  	margin: 10px 20px 10px 0px;
  	padding: 0px 0px 0px 0px;
   	float: left;
   	text-align: left;
   }

div.brokitemend { margin: 10px 0px 10px 0px; }

div.brokitem p { margin: 5px 0px 0px 0px; padding: 0px 4px 2px 4px; }

div.brokitem strong { font-size: 0.9em; }

	* html div.brokitem { width: 120px; margin: 10px 8px 10px 0px; }

/*****************
FEATURE ITEMS
*****************/

div.featureleft {
  	position: relative;
   	width: 270px;
  	margin: 0px 20px 0px 0px;
  	padding: 0px 0px 0px 0px;
   	float: left;
   	text-align: left;
  }

div.featureright {
  	position: relative;
   	width: 270px;
  	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
   	float: right;
   	text-align: left;
  }

/*****************
 LEFT HAND SIDE BOXES
*****************/

div.leftbox {
	margin: 5px 0px 5px 0px;
	width: 178px;
	height: 96px;
	padding: 10px 10px 20px 10px;
	background: #fc3;
	font-size: 0.9em;
}

/*****************
LEFT SIDE LIST
*****************/

ul.leftlist {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 198px;
	text-transform: lowercase;
	background: #fc3;
}

	ul.leftlist li{
		margin: 0px 0px 0px 0px;
		padding: 0px;
		line-height:1.5em;
		display: block;
		width: 198px;
	}

		ul.leftlist li.dashedbase {
			border-bottom: 1px dashed #fff;
		}

		#mainpageleft ul.leftlist a:link, #mainpageleft ul.leftlist a:visited{
			display: block;
			width: 183px;
			margin: 0px 0px 0px 0px;
			padding: 3px 5px 3px 10px;
			color: #000;
			background: #fc3;
			text-decoration: none;
		}

		#mainpageleft ul.leftlist a:hover, #mainpageleft ul.leftlist a:active {
			color: #000;
			text-decoration: none;
			background: #fd4;
		}

		#mainpageleft ul.leftlist a.active:link, #mainpageleft ul.leftlist a.active:visited, #mainpageleft ul.leftlist a.active:hover {
			color: #000;
			text-decoration: none;
			background: #fc3;
		}

	ul.leftlist li.header{
		padding: 5px 5px 5px 10px;
		display: block;
		width: 183px;
		background: #f93;
		color: #fff;
		font-size: 0.9em;
	}


/*****************
RIGHT SIDE LIST
*****************/

ul.rightlist {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 150px;
	text-transform: lowercase;
}


	ul.rightlist li {
		margin: 0px 0px 0px 0px;
		padding: 0px;
		line-height:1.5em;
		display: block;
		width: 150px;
	}

	ul.rightlist li.dashedbottom {
		border-bottom: 1px dashed #fff;
	}

		#mainpagecontentright ul.rightlist a:link, #mainpagecontentright ul.rightlist a:visited{
			display: block;
			width: 140px;
			margin: 0px 0px 0px 0px;
			padding: 3px 5px 3px 5px;
			color: #000;
			background: #ded;
			text-decoration: none;
		}

		#mainpagecontentright ul.rightlist a:hover, #mainpagecontentright ul.rightlist a:active {
			color: #000;
			text-decoration: none;
			background: #cdc;
		}

	ul.rightlist li.header{
		padding: 5px 5px 5px 10px;
		display: block;
		width: 135px;
		background: #6c6
	}


/*****************
 FORMS
 *****************/

form.inline { display:inline; }

select.selectbox {
	border: 1px solid #333;
	background-color: #fff;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 12px;
	margin-top: 5px;
	width: 170px;
	color: #000000;
}

input.selectsubmit {
	background-color: #f93;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 11px;
	margin-top: 5px;
	color: #000;
}

input.searchinput {
	border: 1px solid #fff;
	background-color: #fff;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 12px;
	width: 150px;
	color: #000000;
}

input.searchsubmit {
	background-color: #f93;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 11px;
	color: #000;
}



/*********************
CUSTOMER SERVICE LIST
**********************/

ul.custnav {
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	text-transform: none;
}

	ul.custnav li{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 15px;
		line-height:1.7em;
		display: block;
		background: url(/images/iconcust.gif) no-repeat left 5px;
	}

/*********************
 BRAND SEARCHES
**********************/

#brand-searches {
	width: 560px;
	border: none;
	margin: 0;
	padding: 3px 0 10px 0;
}

	#bsearch-lft {
		width: 270px;
		float: left;
		border: none;
		margin: 0 20px 0 0;
		padding: 0;
	}

	#bsearch-rgt {
		width: 270px;
		float: left;
		border: none;
		margin: 0;
		padding: 0;
	}

	.bsearch-header {
		background-color: #6699CC;
		color: #fff;
	}

		.bsearch-header h2 {
			color: #fff;
			padding: 3px;
			font-size: 1.1em;
			margin: 0 0 0 0;
		}

	.bsearch-body {
		margin: 0px;
		padding: 3px 3px 5px 3px;
		color: #000;
		background-color: #CCDDEE;
		font-size: 0.9em;
		border-top: 1px dashed #fff;
	}

		.bs-aligner {
			width: 264px;
			height: 26px;
		}

			.bs-align-lft {
				width: 180px;
				float: left;
				position: relative;
			}

				.bs-align-lft input.texter {
					width: 160px;
				}

				.bs-align-lft select {
					position: absolute;
					top: 0;
					left: 0;
				}

			.bs-align-rgt {
				width: 80px;
				position: relative;
				float: right;
			}

				.bs-align-rgt input {
					position: absolute;
					top: 3px;
					left: 0;
				}

div.login-slim {
	border: none;
	margin: 0;
	padding: 0;
	height: 20px;
}

	#brand-searches label.login-slim {
		width: 95px;
		float: left;
		text-align: right;
	}

	#brand-searches input.login-slim {
		width: 130px;
		float: left;
		border: 1px solid #000;
		margin: 0 0 0 5px;
		padding: 0.1em;
		font-size: 0.9em;
	}

input#loginnnow, input#regsiternow, input#buyasaguest {
	background: #E3E5F0;
	border: 1px solid #6A747E;
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 11px;
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#C6C5D7');
}

#passforgot {
	margin: 10px 0px 2px 25px;
}

/********************
 LOGIN
********************/

#progress-bar {
	width: 430px;
	margin: 15px 0 15px 65px;
}


/********************
 SHOPPING FEEDBACK
********************/

.adminerror {
	border: 2px solid #cc0000;
	background:#ffffcc;
	color:#cc0000;
	padding:10px;
	margin-bottom:10px;
	font-weight: bold;
}

.adminsuccess {
	border: 2px solid #006600;
	background:#ccffcc;
	color:#006600;
	padding:10px;
	margin-bottom:10px;
	font-weight: bold;
}


/********************
 REGISTER
********************/

#twocols-reg {
	margin: 15px 0 0 0;
}

table#regform {
	width: 340px;
	border: none;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

	table#regform td {
		border: none;
		border-collapse: collapse;
		margin: 0;
		padding: 1px 0px;
	}
	
	table#regform td .body {
		font-size: 0.8em;
	}

	table#regform td .bodytextmed {
		font-size: 0.7em;
	}

	table#regform td .bodysmall {
		font-size: 0.7em;
	}
	
	table#regform td input.txtinput {
		width: 170px;
	}
	
	table#regform td select.txtselect {
		width: 176px;
	}
	
input#regsubmit {
	background: #E3E5F0;
	border: 1px solid #6A747E;
	margin: 0;
	padding: 0;
	font-size: 11px;
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#C6C5D7');
}

ul.regbullets {
	border: none;
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
}
	ul.regbullets li.header {
		padding: 5px 0 5px 10px;
		background-color: #6699CC;
		color: #fff;
	}

	ul.regbullets li {
		padding: 5px 10px;
		background-color: #ccddee;
		font-size: 0.9em;
		line-height: 1.3em;
	}
	
	ul.regbullets li.short {
		font-size: 0.5em;
		line-height: 1.0em;
	}
	
	ul.regbullets li.key-a {
		padding-left: 20px;
		line-height: 15px;
		background: #ccddee url(/images/faveadd-b.gif) no-repeat 5px center;
	}
	
	ul.regbullets li.key-b {
		padding-left: 20px;
		line-height: 15px;
		background: #ccddee url(/images/favetrue-b.gif) no-repeat 5px center;
	}
	
	ul.regbullets li.key-c {
		padding-left: 20px;
		line-height: 15px;
		background: #ccddee url(/images/faveunav-b.gif) no-repeat 5px center;
	}
	

/********************
 ACCOUNT
********************/

ul.re-order-list {
	border: none;
	margin: 10px 0px 10px 15px;
	padding: 0;
	list-style-type: none;
}

	ul.re-order-list li { 
		background: #fff url(/images/iconblack.gif) no-repeat left center;
		padding: 5px 0 5px 15px;
	}
	
table#ord-hist-bus {
	width: 560px;
	border: none;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

	table#ord-hist-bus td {
		border: none;
		border-collapse: collapse;
		margin: 0;
		font-size: 0.7em;
	}
	
	table#ord-hist-bus td.cell1 {
		width: 160px;
	}
	
	table#ord-hist-bus td.cell2 {
		width: 300px;
	}
	
	table#ord-hist-bus td.cell3 {
		width: 50px;
	}
	
	table#ord-hist-bus td.cell4 {
		width: 50px;
	}
	
	table#ord-hist-bus td.black {
		background-color: #000;
		color: #fff;
	}
	
	table#ord-hist-bus td.high1 {
		height: 1px;
		font-size: 1px;
		line-height: 1px;
	}
	
	table#ord-hist-bus td .body {
		font-size: 0.8em;
	}

	table#ord-hist-bus td .bodytextmed {
		font-size: 0.7em;
	}

	table#ord-hist-bus td .bodysmall {
		font-size: 0.7em;
	}
	
	table#ord-hist-bus td.txt-right {
		text-align: right;
	}
	
	table#ord-hist-bus td.bord-bott {
		padding: 2px 0px;
		border-bottom: 1px solid #000;
	}
	
table#ord-hist-cust {
	width: 560px;
	border: none;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

	table#ord-hist-cust td {
		border: none;
		border-collapse: collapse;
		margin: 0;
		font-size: 0.7em;
		padding-bottom: 5px;
	}
	
table#custedit-bus {
	width: 350px;
	border: none;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

	table#custedit-bus td {
		border: none;
		border-collapse: collapse;
		margin: 0;
		font-size: 0.7em;
		padding-bottom: 5px;
		padding: 1px;
	}
	
	table#custedit-bus td.padded {
		padding: 3px;
	}
	
	table#custedit-bus td .bodytextbig {
		font-size: 1.2em;
	}
	
.asterix {
	color: #f90;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 0.5em;
}

p.indented {
	margin-left: 20px;
}

table#custedit {
	width: 340px;
	border: none;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

	table#custedit td {
		border: none;
		border-collapse: collapse;
		margin: 0;
		font-size: 0.8em;
		padding-bottom: 5px;
	}
	
	table#custedit td input.txtinput {
		width: 170px;
		font-size: 0.9em;
	}
	
	table#custedit td select.txtselect {
		width: 176px;
		font-size: 0.9em;
	}
	
form.checkout {
	display: inline;
}

input.pc-apply {
	width: 130px;
	float: left;
	margin: 0 5px 0 5px;
	padding: 0.1em;
	font-size: 0.9em;
}

/*** site map ***/

.smhead-lft {
	width: 85px;
	float: left;
}

.smhead-rgt {
	width: 475px;
	float: right;
}

	#mainpagecontent .smhead-rgt a:link, #mainpagecontent .smhead-rgt a:visited {
		color: #000;
	}
	
	#mainpagecontent .smhead-rgt a:hover {
		color: #66f;
	}
	
#mainpagecontent ul.site-map {
	border: none;
	list-style: none;
	margin: 0;
	padding: 20px 0 0 0;
}

	#mainpagecontent ul.site-map li.header {
		color: #f60;
		font-size: 1.2em;
		font-weight: bold;
	}
	
		#mainpagecontent ul.site-map li.header a:link, #mainpagecontent ul.site-map li.header a:visited {
			color: #f60;
			text-decoration: none;
		}
		
		#mainpagecontent ul.site-map li.header a:hover {
			color: #33c;
			text-decoration: underline;
		}
		
	#mainpagecontent ul.site-map li.subheader {
		margin: 0;
		padding: 10px 0 3px 10px;
		font-size: 1.1em;
	}
	
	#mainpagecontent ul.site-map li.link {
		margin: 0;
		padding: 0 0 0 20px;
	}
	
		#mainpagecontent ul.site-map li.link a:link, #mainpagecontent ul.site-map li.link a:visited {
			color: #000;
			text-decoration: none;
		}
		
		#mainpagecontent ul.site-map li.link a:hover {
			color: #f60;
			text-decoration: underline;
		}
		
/*** POPULAR PRINTERS ***/

#popular {
	float:left;
	width:560px;
	margin:0px 0px 30px 0px;
	
}

	#popular ul {
		float:left;
		padding:0px 0px 0px 5px;
		margin:0px 0px 0px 0px;
		list-style:none;
		width:275px;
	}