/* ---------------------------- */ /* ->> 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: #fff; 
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: #fff 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; }