/* ---------------------------- */
/* ->> core formating <<<--- */
/* ---------------------------- */
/* for both narrow and wide right column - Software Pages */

#content-Smain { width: 758px; float: left; }

/* ->> main (left) column <<<--- */
#col-Smain {
	min-height: 350px;
	position: relative;
	float: left;
	}
* html #col-Smain { height: 350px; }
	
	/* ->> main (left) column wrapper <<<--- */
	/* used to create margins on the left and right
	sides of the main column. main column width varies
	in wide or narrow pages. */
	/* if margin is increased/decreased the following 
	fixed px width items contained in the main column
	should be adjusted accordingly.	*/
	#col-Smain-wrapper {	margin: 0 15px 0 10px; }
	
/* ->> container in td <<<--- */
#content-main { width: 758px; float: left; }

/* ->> main (left) column <<<--- */
#col-main {
	min-height: 350px;
	position: relative;
	float: left;
	}
* html #col-main { height: 350px; }
	
	/* ->> main (left) column wrapper <<<--- */
	/* used to create margins on the left and right
	sides of the main column. main column width varies
	in wide or narrow pages. */
	/* if margin is increased/decreased the following 
	fixed px width items contained in the main column
	should be adjusted accordingly.	*/
	#col-main-wrapper {	margin: 0 15px 0 10px; }

	/* ->> all p's <<<--- */
	#col-main p { 
		color: #666; 
		font-size: 12px;
		margin: 0 0 12px 0; padding: 0;
		}

	/* ->> all h2's <<<--- */		
	#col-main h2 {
		color: #345D9A;
		font: bold 13px Verdana, Arial, Helvetica, sans-serif;	
		margin-bottom: 10px;
		}
		
	/* ->> bottom hr <<<--- */
	/* Used to finish off the column divider in the wide
	column set up. See also the #split-hr definition below
	in the wide section. */
	#split-hr hr { display: none; }
	
/* ------------------------ */
/* ->> main-heder <<<--- */
/* ------------------------ */
/* Only applies to wide class */
#main-header {
	width: 758px;
	min-height: 215px;
	position: relative;
	background: #666 url(../img/bg_main-header.gif) repeat-x 0 0;	
	}
* html #main-header { height: 215px; }

	/* ->> all header h1's <<<--- */
	#main-header h1 {
		width: 576px;
		position: absolute;
		top: -12px; left: 0;
		color: #ccc;
		font: normal 15px Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 180px 10px 5px;
		}

	/* ->> production printers red text <<<--- */
	/* Text within the span tag is in the bg image. This text gets
	pushed off the screen so it is not visible. Still indexed properly
	by SE. The text "block" is overlayed on top of the text to make
	a the text "clickable" easily. */
	/* irtext = image replacement text */
	h1#production-printers span.ir-text { 
		width: 241px;
		height: 164px;
		display: block;
		position: absolute;
		top: 12px; left: 350px;
		text-indent: -9999px;
		}
		
	/* > production printers index.cfm page <<<--- */			
	h1#production-printers span#prod-text {
		background: #fff url(../img/bg_header-h1-pp.jpg) no-repeat 0 0;
		}
	
	/* > Pressure seal index.cfm page <<<--- */			
	h1#pressureseal span#prod-text {
		background: #fff url(../PressureSealMailers/img/pressure_seal_equipment_banner.jpg) no-repeat 0 0;
		}

	/* > production printers ProductionPrinting_VariableDataSoftware.cfm page <<<--- */			
	h1#production-printers span#vdp-text {
		background: #fff url(../img/bg_header-h1-vdp.jpg) no-repeat 0 0;
		}
		
	/* > production printers index.cfm page <<<--- */
	/* bg image maybe used for multiple pages? */
	h1#production-printers { background: #666 url(../img/bg_production-h1.jpg) no-repeat 0 0; }
	
		/* > Pressure seal index.cfm page <<<--- */		
		/* bg image maybe used for multiple pages? */
	h1#pressureseal { background: #666 url(../PressureSealMailers/img/pressure_seal_equipment_banner.jpg) no-repeat 0 0; }


/* ->> 3 step call now right side <<<--- */
#call-now, 	

.narrow #col-right , .narrow #col-Sright{
	width: 164px;
	min-height: 200px;
	float: right;
	background: url(../img/bg_col-right.jpg) no-repeat 0 -136px;
	}
* html #call-now, 
.narrow #col-right { height: 200px; }

/* ->> order list <<<--- */
/* some trickery used here to have the output
as such. */
#main-header ol, 
.narrow #col-right ol { margin-top: 20px; padding-top: 0; }
	
#main-header ol li, 
.narrow #col-right ol li {
	color: #9D0B0B;
	position: relative;
	font: bold 20px/12px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
	}
* html #main-header ol li, 
.narrow #col-right ol li { line-height: normal; }
	
#main-header ol li span, 
.narrow #col-right ol li span {	
	position: relative;
	top: -1em;
	color: #3A424B;
	font: normal 12px/12px Verdana, Arial, Helvetica, sans-serif;
	}

/* ------------------------------- */
/* ->> wide right column <<<--- */
/* ------------------------------- */

/* ->> Wide class <<<--- */
/* Wide class given to #content-main. Background position can be
adjusted to shift the column divider.
Value = main column width - 15 */
.wide {	background: #fff url(../img/bg_col-divider.jpg) repeat-y 435px 0; }
	
/* ->> bottom hr <<<--- */
/* Used to display the bottom piece of the column divider */
/* Background position can be adjusted to shift the column divider.
Value = main column width - 191 */
.wide #split-hr {
	width: 758px;
	height: 100px;
	float: left;
	background: #fff url(../img/bg_col-bottom.jpg) no-repeat 259px 0;
	}

/* ->> Main (left) Column <<<--- */
.wide #col-main { width: 450px;	}

/* ->>> Right Column <<<--- */
.wide #col-right {
	width: 308px;
	float: left;
	position: relative;
	padding-top: 40px;
	}

/* ->>> Right Column h2 <<<--- */
.wide #col-right h2.related {
	width: 316px;
	position: absolute;
	left: -8px; top: 0;
	font: bold 14px/2em Arial, Helvetica, sans-serif;
	text-indent: 10px;
	background: #fff url(../img/bg_sidebar-h2.jpg) no-repeat 0 0;
	border-top: 1px solid #B3B7C0;
	border-bottom: 1px solid #B3B7C0;
	}
/* --------------------------------- */	
/* ->> narrow right column <<<--- */
/* --------------------------------- */

/* ->> HR container <<<--- */
/* No need to display this at this time */	
.narrow #split-hr { display: none; }

/* ->> Main (left) column <<<--- */
.narrow #col-main, .narrow #col-Smain {	width: 594px; }

/* ->> Right column <<<--- */
.narrow #col-right, .narrow #col-Sright { float: left; }



/* ------------------------------------------------------- */
/* - Production Printing page specific <<<------- */
/* ------------------------------------------------------- */

/* ->> Prodcut (printer) set <<<--- */
div.product-set {
	width: 100%;
	float: left;		
	margin-bottom: 10px;
	}
	
/* ->> Product thumbnail link <<<--- */
/* Thumbnail floated to the left */
/* All product images MUST be w-128 x h-97px */
div.product-set p.img-left {
	width: 128px;
	height: 97px;
	float: left;
	}

/* ->> col right thumbnail link <<<--- */
/* add a margin at the bottom of the image so
text doesn't wrap underneath it */
#col-right div.product-set p.img-left {
	margin-bottom: 50px;
	}
	
/* ->> All Product Set h2's <<<--- */
div.product-set h2 {
	margin-left: 128px;
	padding-left: 80px;
	min-height: 40px;
	}
* html div.product-set h2 { height: 40px; }

/* ->> col right h2 <<<--- */
#col-right div.product-set h2 {	
	padding: 45px 0 0 0;
	}

/* ->> All Product Set p's <<<--- */
div.product-set p {
	color: #106AB7;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	}

/* ->> Logo BG's <<<--- */ 	
div.product-set h2.konica-minolta { background: #fff url(../img/bg_h2-konica-minolta.gif) no-repeat 0 0; }
div.product-set h2.ibm { background: #fff url(../img/bg_h2-ibm.gif) no-repeat 0 0; }
div.product-set h2.ricoh { background: #fff url(../img/bg_h2-ricoh.gif) no-repeat 0 0; }


/* ---------------------------------------------------------- */
/* - Variable Data Printing page specific <<<------- */
/* ---------------------------------------------------------- */

#col-main h1.vdp {
	color: #47545D;
	font: bold 28px Verdana, Arial, Helvetica, sans-serif;
	margin: 30px 0 10px 20px;
	}

#col-main h1.vdp span {
	color: #F06600;
	font: bold 19px Verdana, Arial, Helvetica, sans-serif;
	}

/* ---------------------------------------- */
/* - RFID page specific <<<------- */
/* ---------------------------------------- */

/* ->> Header text (RFID Printing is...) <<<--- */
.rfid #col-main h1 {
	color: #7A5626;
	text-align: right;
	font: bold 19px Verdana, Arial, Helvetica, sans-serif;
	}
	
/* ->> Header Image and Text <<<--- */
/* Image is included as a bg and top padding is applied
to push the text down to view the image unobstructed */
/* BG image size w-580 h-174. Image width exceeds the
header width intentionally for slight variations in header
width */
.rfid #col-main h2.header {
	color: #fff;
	font: normal 16px/2em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: lowercase;
	margin: 10px 0;
	padding-top: 174px;
	background: #666 url(../img/bg_rfid-h2.jpg) no-repeat 0 0;
	border: 1px solid #666;
	}

/* ->> RFID h3's <<<---*/
.rfid #col-main h3 { 
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #333; 
	}
	
/* -------------------------- */
/* ->> features box <<<--- */
/* -------------------------- */

/* ->> bigger main col features box <<<--- */
.narrow #col-main div.features {
	width: 285px;
	float: left;
	margin-bottom: 20px;
	border: 1px solid #666;
	}

/* ->> smaller main col features box <<<--- */
.wide #col-main div.features {
	width: 423px;
	float: left;
	margin-bottom: 20px;
	border: 1px solid #666;
	}


	/* ->> features box h2 <<<--- */
	#col-main div.features h2 {
		color: #fff;
		font: normal 13px Verdana, Arial, Helvetica, sans-serif;
		margin: 0; padding: 5px;
		background: #666;
		}
	
	/* ->> bg-rfid-feature h2 <<<--- */
	/* see below for full bg-rfid-feature defintion */
	#col-main div.bg-rfid-feature h2 {
		margin-bottom: 75px; 
		}

	/* ->> features ul <<<--- */
	#col-main div.features ul {
		width: 257px; 
		color: #596675;
		font: normal 13px/2.5em Verdana, Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 15px 5px 5px 5px;
		border: 0px none; 
		list-style-position: inside;
		list-style-type: square;
		}
	
	#col-main div.features ul.full {
		width: 90%;
		padding: inherit 9%;
		}
	
	/* ->> features ul.left <<<--- */
	.narrow #col-main div.features ul.left {
		float: left;
		left: 5px;
		line-height:15px;
		padding:5px 20px 10px 30px;
		margin:0px;
		list-style-position: outside;
		}
		
	/* ->> features ul.right <<<--- */	  
	.narrow #col-main div.features ul.right { float: right; }

	.narrow #col-main div.printer-feature {
		width: 258px;
		float: left;
		padding: 0 0 0 10px;
		}
		
	/* ----------------------------- */
	/* ->> printer feature <<<--- */
	/* ----------------------------- */
	
	/* ->> printer feature h3 <<<--- */
	#col-main div.printer-feature h3 {
		color: #106AB7;
		font: normal 12px Verdana, Arial, Helvetica, sans-serif;
		}
	/* ->> printer feature ul <<<--- */
	#col-main div.printer-feature ul {
		width: 125px;
		float: left;
		color: #3C3A3D;
		font: normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
		margin: 0; padding: 0;
		list-style: disc;
		}

	/* ->> printer feature li <<<--- */		
	#col-main div.printer-feature li { margin-left: 10px; }
	* html #col-main div.printer-feature li { margin-left: auto; }

	/* --------------------------------- */
	/* ->> printer feature img <<<--- */
	/* --------------------------------- */
	
	/* ->> printer feature img.left <<<--- */
	/* All feature images MUST be w-110 x h-143px */
	#col-main div.printer-feature p.img-left {
		width: 110px;
		height: 143px;
		float: left;
		margin: 0; padding: 0 0px 0 0;
		}

	/* ------------------------------------ */		
	/* ->> Call and Learn Buttons <<<--- */
	/* ------------------------------------ */


	/* ->> p.buttons <<<--- 		
	#col-main p.buttons {
		width: 100%;
		position: relative;
		text-align: center;
		line-height: 31px;
		}*/

	/* ->> call button <<<--- */
	#col-main span.rfid-call {
		width: 194px;
		height: 31px;
		display: block;
		/*position: absolute;
		*/
		margin: 0px  10px 10px 30px;
		text-indent: -9999px;
		top: 0; left: 50%;
		background: transparent url(../img/bg_rfid-call.jpg) no-repeat 0 0;	
		}

	/* ->> learn button (link) <<<--- 
	a.rfid-learn, a:link.rfid-learn, 
	a:visited.rfid-learn {
		width: 194px;
		height: 31px;
		display: block;
		position: absolute;
		top: 0; left: 50%;
		margin-left: 16px;	text-indent: -9999px;
		background: transparent url(../img/bg_rfid-learn-more.jpg) no-repeat 0 0;	
		}
	a.rfid-learn:hover { background-position: 0 -31px; }
*/
/* ------------------------------------ */
/* ->> Global Text Alignments <<<--- */
/* ------------------------------------ */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }


/* --------------------------------------------------- */
/* ->> Global Colors + Backgrounds (color and images) <<<--- */
/* --------------------------------------------------- */
.text-grayC { color: #ccc; }
.text-white { color: #fff; }

.bg-grayE9 { background: #E9E9E9; }
.bg-gray-fade { background: #fff url(../img/bg_gray-fade.jpg) repeat-x 0 -25px; }

/* ->> Feature Specific <<<--- */
.bg-rfid-feature { background: transparent url(../img/bg_rfid-feature-h2.jpg) no-repeat 0 0;  }
* html .bg-rfid-feature { height: 250px; width:250px;}

/* ->> Clear Fix <<<--- */
.clear {
	width: 100%;
	height: 1px;
	line-height: 1px;
	clear: both;
	}
.liS {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0px;
	list-style-position: inside;
	list-style-type: disc;
	text-indent: -10px;
}

td.Schooser   {
background-image:url(../Software08/img/bac_ppresssuite_chooser.jpg);
font-size: 10px; 
color: #FFFFFF; 
padding: 5px 0px 5px 10px;
}

.Schooser p { padding:0px; }

td.Schooser a:hover  {
background-color:#666666;
font-size: 10px; 
color: #FFFFFF; 
}

#softwareDownload img {
margin-top:4px;
}