/* Color Guide
Blue Text - 004f83
Border Color - c5d0d2

Cyan - 007db6
Yellow - ffc20e
Magenta - b21685
Green - 629b2f

----------------------------------------- */
/* Global Styles
----------------------------------------- */
* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: 1px; }
body { background: #2f4448 url(../images/body_bg.jpg) 0 0 repeat-x; color: #333; font-family: Verdana, Geneva, sans-serif; font-size: 0.9em; }

ul, li { list-style: none; }
img { border: none; }
p { line-height: 1.6em; }
h1 { font-size: 140%; font-weight: bold; padding: 5px 0; }
h2 { font-size: 120%; font-weight: bold; padding: 5px 0; }
h3 { font-size: 110%; font-weight: bold; padding: 5px 0; }
h4 { background: inherit; color: #004f83; font-size: 110%; border-bottom: 1px solid #c0c0c0; padding: 5px 0; }
h5 { font-size: 100%; font-weight: 200; padding: 5px 0; }

a:link, a:visited { background-color: inherit; color: #069; text-decoration: none; }
a:hover, a:active { background-color: inherit; color: #036; text-decoration: underline; }


/* Divs
----------------------------------------- */
#wrapper { background-color: #fff; color: #000; margin: 0px auto; text-align: left; width: 752px; }
#topbar { background: #fff url(../images/top_bg.jpg) 0 0 repeat-x; color: inherit; width: 100%; }
#logo { background: inherit; color: inherit; float: left; width: 300px; }
#phonenum { background: inherit; color: #737373; float: left; font-size: 200%; font-weight: bolder; padding: 40px 0; text-align:center; width: 300px; }
#login { background: url(../images/xerox_partner.gif) 25px 17px no-repeat; color: inherit; float: left; padding: 85px 50px 25px 0; text-align:right; width: 100px; }
#login a { background-color: transparent; color: inherit; }

#header { background-color: #fff; color: #c1c1c1; font-size: 90%; margin: 0 auto; width: 755px; }
#topnav { background: #fff url(../images/topnav_bg.jpg) 0 0 repeat-x; color:#000; font-weight: bold; height: 22px; padding: 4px 0; text-align: center; vertical-align:middle; }
#headernav li { display: inline; }
#headernav li a { background-color: inherit; color: #000; padding: 0 10px; text-decoration: none; }
#headernav li a:hover { background: inherit; color:#fff; }

#sidecontent { background: inherit; color: #004f83; float: left; font-size: 80%; padding: 0 0 0 10px; width: 180px; }
#sidecontent li { background: url(../images/bullet.gif) no-repeat 20px 0; padding: 0 0 5px 40px;}

#maincontent { background: inherit; color: #000; float: left; font-size: 85%; line-height: 1.6em; padding: 0 2px; width: 552px; }
#maincontent p { margin: 10px 0; }

/* --------------- Side Nav Includes --------------- */

#brochures, #printer, #program, #costcomparison, #envben, #envinfo, #qualify, #ringme, #solidink { background: #dee9ed url(../images/boxen_bg.jpg) 0 0 repeat-x; border-left:1px solid #c5d0d2; border-right:1px solid #c5d0d2; color: inherit; width:170px; }
#brochures p, #printer p, #program p, #costcomparison p, #envben p, #envinfo p, #qualify p, #ringme p, #solidink p { padding: 5px 20px; }
#brochures li, #solidink li { margin: 5px; }

/* #footer
----------------------------------------- */
#footer { background-color: #fff; border-top:1px solid #c5d0d2; color: #737373; font-size:.85em; margin: 19px 0 10px 0; padding: 10px 0; text-align:center; width: 752px; }
#footer ul { margin-bottom: 20px; }
#footer li { display: inline; background: url(../images/seperator.gif) 0 55% no-repeat; padding: 0 14px 0 21px; }
#footer li.second { background: none; }
#footer a:hover { color: #000; background-color:inherit; text-decoration:none; }

/* --------------- Text Stylings --------------- */
.c { background: inherit; color: #007db6; }
.y { background: inherit; color: #ffc20e; }
.m { background: inherit; color: #b21685; }
.g { background: inherit; color: #629b2f; }
.red { background: inherit; color: #f00; }
.disclaimer { background: inherit; color: #888; font-size: 80%; padding: 0 40px; text-align: center; }

/* --------------- Printer Page --------------- */
.printerstats { font-size: 90%; border:1px solid #999; }
.psheader { background-color:#999; color: #fff; font-weight: bold; text-align: center; }
.white1 { background-color: #fff; border:1px solid #ccc; color: inherit; padding: 2px 5px 2px 0; text-align: right; width: 230px; }
.white2 { background-color: #fff; border:1px solid #ccc; color: inherit; padding: 2px 0 2px 5px; text-align: left; width: 270px; }
.gray1 { background-color: #eee; border:1px solid #ccc; color: inherit; padding: 2px 5px 2px 0; text-align: right; width: 230px; }
.gray2 { background-color: #eee; border:1px solid #ccc; color: inherit; padding: 2px 0 2px 5px; text-align: left; width: 270px; }

/* --------------- Printers Page --------------- */
.header_printers { border-bottom: 1px solid #c0c0c0; font-weight: bold; }
.printers dl { float: left; margin: 10px; }
.printertitle { background: inherit; color: #9bb5ba; font-size: 100%; font-weight: bold; text-align: center; vertical-align: top; width: 175px; }
.printerdetail { font-size: 80%; text-align: center; vertical-align: top; width: 175px; }
.printerlinks { font-size: 80%; padding: 5px 15px; text-align: left; vertical-align: top; width: 175px; }

.printerspechead { background: inherit; color: #0c73d0; font-size: 1.1em; font-weight:bold; }
.printerspecs li { background: url(../images/bullet.gif) no-repeat 10px 0; font-size: 70%; line-height: 1.5em; padding: 0 0 0 35px; margin: 0 20px; }
.sidebar li { background: url(../images/bullet.gif) no-repeat 10px 0; font-size: 90%; line-height: 1.5em; padding: 0 0 0 35px; margin: 0 0px; }
#sidecontentp { border-right: 1px solid #c0c0c0; float: left; font-size: 90%; margin: 0 30px 0 0; padding: 0 10px 0 1px; width: 140px; }
#sidecontentp li { background: url(../images/bullet.gif) no-repeat 15px 0; font-size: 70%; line-height: 1.5em; padding: 0 0 5px 35px;}

/* --------------- Expand/Collapse Menus --------------- */
.toglist dt { cursor: pointer; cursor: hand; }
.toglist dt span { background-color: inherit; color: #008cc9; font-size: 90%; }
.toglist dd { width: 500px; padding-bottom: 15px; }
html.isJS .toglist dd { display: none; }

/* --------------- Login Box --------------- */
#loginbox { border: 1px solid #ccc; text-align: center; width: 550px; }
.user1 { padding-right: 10px; width: 265px; text-align: right; }
.user2 { width: 275px; text-align: left; }
.pass1 { padding-right: 10px; width: 265px; text-align: right; }
.pass2 { width: 275px; text-align: left; }

/* --------------- Unordered Lists --------------- */
#pdfslist li { background: url(../images/pdf.gif) no-repeat 0 2px; padding: 0 0 5px 25px;}
#pptslist li { background: url(../images/ppt.gif) no-repeat 0 2px; padding: 0 0 5px 25px;}
#brochureslist li { background: url(../images/pdf.gif) no-repeat 10px 0; padding: 0 0 15px 30px;}
#benefits1 li { background: url(../images/bullet.gif) no-repeat 15px 0; padding: 0 0 5px 35px;}
#benefits2 li { background: url(../images/bullet.gif) no-repeat 15px 0; padding: 0 0 5px 35px;}

/* --------------- Images --------------- */
img.go2logo { width: 260px; height: 119px; }
img.lock { width: 14px; height: 16px; vertical-align: middle; }
img.mainimg { width: 553px; height: 301px; }
img.up { width: 16px; height: 16px; vertical-align: middle; }
img.ringme { width: 80px; height: 15px; padding: 0 20px; }
img.pdficon { width: 16px; height: 16px; vertical-align: middle; }
img.demoicon { width: 16px; height: 16px; vertical-align: middle; }
img.video_icon { width: 16px; height: 16px; vertical-align: middle; }
img.bottom_round { width: 752px; height: 12px; }
img.right { float: right; padding-left: 10px; }


/* Self Cleared Float
----------------------------------------- */
#topbar:after,
#logo:after,
#login:after,
#topnav:after,
#header:after,
#contentwrap:after,
#content_left:after,
#content:after,
#content_right:after,
#copyright:after,
.printers:after,
#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }