@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	font-family: arial, verdana, helvetica, sans serif;
	font-size: 11px;
	background: #FFF;
	line-height: 150%;
	color: #666;
}

td, th {
	vertical-align: top;
	
}

/* main page layout section */
/* The wrap controls the width of the page. Comment out the width tag
to get a liquid layout; however, keep in mind that this will affect your
header image */

#wrap {
	margin: 20px auto;
	width: 800px;
}

#global-header-area {
	height: 80px;
	margin: 0px 0px 0px 0px;
}

/* The left-logo style controls the padding and alignment of the logo at the top left,
if the minisite is a co-brand, for example. */
#left-logo {
float: left;
padding: 18px 0;
}

/* The right-logo style controls the padding and alignment of the logo at the top right,
often the Xerox logo, for example. */
#right-logo {
float: right;
padding: 13px 0;
}




#segment-signpost-area {

margin: 0px 0px 1px 0px;

clear: both;

}



/* primary navigation section - this is the horizontal set of tabs */
#segment-nav-01 {
background: #FFF url(../img/bg_prim_nav.jpg);
width: 100%;
height: 31px;
margin-bottom: 5px;
}

#segment-nav-01 ul {
margin: 0;
padding: 0;
list-style: none;
}

/* The list item (li) contains the right end of the tab image, aligned to the right. This is purposely much 
longer that it needs to be, allowing the tabs to expand and contract with the length of the heading, if needed.
*/

#segment-nav-01 li {
float: left;
margin: 0;
padding: 0;
}

#segment-nav-01 #current {
}

/* The link item (a) contains the left end of the tab image, aligned to the left */

#segment-nav-01 a {
font-family: arial, verdana, helvetica, sans serif;
font-weight: bold;
font-size: 12px;
color: #000;
letter-spacing: .02em;
line-height: 1;
display: block;
padding: 8px 40px 2px 20px;
}

#segment-nav-01 #current a {
color: #DA212F;
}

#segment-nav-01 li a:hover {
color: #000000;
}

/* The four classes below are for if you want the tabs
to be the same size all the way across the width of the
site. If you want smaller tabs that are aligned to the
left, comment them out.*/

#segment-nav-01 li.first {
}

#segment-nav-01 li.second {
}

#segment-nav-01 li.third {
}

#segment-nav-01 li.fourth {
margin-right: 0px;
}

/* ----------------------------------------------------------------------------------------------- */
/* secondary navigation section - this is the horizontal menu that appears beneath the primary tabs */

#segment-nav-02 {
height: 22px;
clear: left;
padding-top: 2px;
}

#segment-nav-02 ul {
list-style: none;
margin: 0;
padding: 0;
background: #FFF;
}

#segment-nav-02 li {	
display: inline;
}

#segment-nav-02 li a {
border-right: 1px solid #E5E5E5;
line-height: 1;
font-size: 11px;
color: #000;
padding: 0px 10px 0px 10px;
}

#segment-nav-02 li a:hover {
color: #DA212F;
}

#segment-nav-02 li a.last {
border-right: 0px solid #CCC;
}

#segment-nav-03 {
margin: 0px 5px 10px 5px;
width: 150px;
float: left;
}

/* ----------------------------------------------------------------------------------------------- */

.segment-nav-03-header {
font-size: 12px;
font-weight: bold;
line-height: 150%;
color: #666666; 
padding: 4px 0px 4px 0px;
border-bottom: 1px solid #666666;
}

.segment-nav-03-sub-header {
font-size: 12px;
font-weight: bold;
line-height: 150%;
color: #666666; 
padding: 20px 0px 4px 0px;
border-bottom: 1px solid #999999;
}

.segment-nav-03-link {
background-image:url(../img/bg_overview_flash1.gif);
background-repeat: repeat-x;
background-position: bottom;
padding-top: 5px;
padding-bottom: 5px;
}

.segment-nav-03-sub-link {
font-size: 10px;
line-height: 150%;
color: #666666; 
padding-top: 5px;
padding-bottom: 5px;
padding-left:10px;
}

/* ----------------------------------------------------------------------------------------------- */
/* The left_nav_link_arrow element adds left padding and the arrow for the current page, with the "current" class */

.segment-nav-03-arrow {
padding-left: 15px;
}

.segment-nav-03-arrow.current {
background-image: url(../img/arrow_blue_right.gif);
background-repeat: no-repeat;
background-position: left;
}

.segment-nav-03-sub-link-arrow.current {
background-image: url(../img/arrow_blue_right.gif);
background-repeat: no-repeat;
background-position: left;
}

.segment-nav-03-arrow.current a {
font-weight: bold;
color: #000000;
}

.segment-nav-03-sub-link-arrow.current a {
font-weight: bold;
color: #000000;
}

/* ----------------------------------------------------------------------------------------------- */

/* If width for segment-nav-04 is adjusted, segment-main-content.right-nav-only and segment-main-content.left-and-right-nav need to also be adjusted by the same amount. For example, if 10px is added to segment-nav-04, then 10px needs to be subtracted from segment-main-content.right-nav-only and segment-main-content.left-and-right-nav */

#segment-nav-04 {
float: right;
width: 155px;
}

/* segment-section-area controls the outside border */

#segment-section-area {
width:798px;
float: left;
padding: 0px 0px 0px 0px;
margin-top: 5px;
}

.segment-main-content.right-nav-only {
padding: 10px 0 10px 0;
float: left;
width: 600px;
}

.segment-main-content  {
margin-left: 20px;
}

.segment-main-content.left-and-right-nav {
float: left;
width: 430px;
}

.segment-main-content.left-nav-only {
float: right;
width: 600px;
}


/* ----------------------------------------------------------------------------------------------- */
/* footer section - use to change style and padding of footer links */



#segment-footer-area {

clear: both;

width: 100%;

margin-bottom: 20px;

background: #FFF url(../img/bg_prim_nav.jpg);

height: 21px;

padding-top: 5px;

padding-bottom: 5px;

}



#segment-footer-area ul {

margin: 0;

padding: 0;

list-style: none;

}



#segment-footer-area li {	

display: inline;

margin-left: 20px;

margin-right: 10px;

}



#segment-footer-area li a {

line-height: 1;

padding: 0;

color: #000;

}





#segment-footer-area li a:hover {

color: #DA212F;

}



#segment-footer-area li a.current {

}



/* typography */



#headline-banner {

margin-left: 20px;

text-align: left;

height: 60px;

padding: 30px 0px 10px 0px;

background: #fff url(../img/h1-bg.jpg) no-repeat;

}



#headline-banner h1 {
font-size: 18px;
font-weight: normal;
color: #DA212F;
padding: 0 0px 0 150px;
margin: 0;
}

#headline-banner h2 {

font-size: 14px;

font-weight: bold;

color: #666;

padding-left: 150px;

margin: 0;

}




/* ----------------------------------------------------------------------------------------------- */


.home-main-copy h1 {

font-size: 18px;

text-align: left;

font-weight: bold;

line-height: 125%;

color: #DA212F;

margin-left: 20px;

padding: 10px 0px 10px 0px;

background: none;

height: auto;

}



.xerox {

color: #DA212F;

}



h1 {

font-size:24px;

font-weight:normal;

}

.title {
	font-size: 24px;
	font-weight: normal;
	color: #666666;
	padding: 0px 0px 0px 0px;
	margin: 0;
}

h1.audio {

background-image: url(../img/icon_audio.gif);

background-repeat: no-repeat;

background-position: left;

padding: 13px 0px 10px 55px;

margin: 0px 0px 5px 20px;

border-bottom: 1px solid #ccc;

}



h1.web {

background-image: url(../img/icon_web.gif);

background-repeat: no-repeat;

background-position: left;

padding: 13px 0px 10px 55px;

margin: 0px 0px 5px 20px;

border-bottom: 1px solid #ccc;

}



h1.video {

background-image: url(../img/icon_video.gif);

background-repeat: no-repeat;

background-position: left;

padding: 13px 0px 10px 55px;

margin: 0px 0px 5px 20px;

border-bottom: 1px solid #ccc;

}



h2 {

font-size: 13px;

font-weight: bold;

line-height: 125%;

color: #DA212F;

margin-left: 20px;

margin-right: 20px;

padding: 10px 0px 10px 0px;

}



h3 {

font-size: 12px;

font-weight: bold;

color: #FF8700;

margin-left: 20px;

margin-right: 20px;

padding: 10px 0px 5px 0px;

border-bottom: 1px dotted #cccccc;

}



h4 {

font-size: 10px;

font-weight: bold;

line-height: 125%;

color: #666666;

margin-left: 20px;

margin-right: 20px;

padding: 10px 0px 10px 0px;

}





h5 {

font-size: 12px;

font-weight: bold;

line-height: 125%;

color: #666666;

margin-left: 14px;

margin-right: 20px;

padding: 5px 0px 0px 0px;

}



h6 {

font-size: 12px;

font-weight: bold;

line-height: 125%;

color:  #DA212F;

margin-left: 20px;

margin-right: 20px;

padding: 10px 0px 10px 0px;

}



p {

padding-left: 20px;

}



.bold {

font-weight: bold;

}



.keypad {

font-family: monospace;

color: #666;

background-image: url(/custom/site/xerox/img/bg_button.gif);

background-repeat: no-repeat;

background-position: center center;

font-size: 13px;

padding: 0px 3px 0px 3px;

margin-right: 1px;

}



/* main link styles */



a {

text-decoration: none;

color: #000;

}



a img{

border: none;

}

/*

a:hover { 

color: #000000;

text-decoration: underline;

}

*/

/* main unordered list styles */



ul {

margin: 0px 0px 0px 0px;

padding: 5px 20px 5px 40px;

}



li {

font-size: 11px;

color: #666666;

padding-bottom: 5px;

}



li.inline {

display: inline;

}



li.block {

display: block;

}



/* The "fancy" list is for when you need a list with that extra somethin' */



ul.fancy {

list-style: none;

margin: 0px 0px 0px 0px;

padding: 5px 20px 5px 20px;

}



li.fancy {

background-image: url(../img/btn_arrow_small_right_7x8.gif);

background-repeat: no-repeat;

background-position: center left;

border: 0px solid #cccccc;

margin-right: 30px;

margin-bottom: 2px;

padding: 0px 0px 0px 15px;

}





/* Tips list styles */

ul.tips-list {

list-style-type:none;

margin:0 50px 0 0;

padding:0;

}



ul.tips-list li {

background-image:url(img/bg_prim_nav.jpg);

background-repeat:no-repeat;

background-position:0 40%;

margin:10px 0 0 0;

padding:0 0 10px 28px;

border-bottom:1px dashed #ddd;

}



/* table styles - do NOT create main table styles, as they will affect the master table

that holds the three main columns together */



/* "Xerox" TABLE IS THE STANDARD TABLE USED FOR DISPLAYING TEXT INFO - NO FRILLS   */



table.bt {

/*background: #fff;*/

background: url(../img/bg_h_gradient.gif);

background-repeat: repeat-y;

padding: 0;

margin: 10px 0px 10px 20px;

border-top: 1px dotted #ccc;

border-left: 1px dotted #ccc;

}



table.bt td {

color: #666;

padding: 5px;

line-height: 150%;

vertical-align: top;

border-bottom: 1px dotted #ccc;

border-right: 1px dotted #ccc;

}



table.bt td.header {

color: #1d60bc;

font-weight: bold;

background: #fff;

border-bottom: 1px solid #1d60bc;

border-right: 1px dotted #ccc;

padding-left: 6px;

padding-bottom: 3px;

}



table.bt td.bold {

font-weight: bold;

border-right: 1px dotted #ccc;

}



table.bt td.even {

background: #fff;

border-right: 1px dotted #ccc;

}



table.bt td.even-last {

background: #fff;

border-right: 1px dotted #ccc;

border-bottom: 0px;

}



table.bt td.odd {

border-right: 1px dotted #ccc;

/*background: #efefef;*/

}



table.bt td.odd-last {

border-right: 1px dotted #ccc;

/*background: #efefef;*/

border-bottom: 0px;

}



/* advertisement section - ads for online tools and global access, mostly appearing in right nav */



.ad {

margin: 10px;

clear: both;

height: 150px;

border: 1px solid #ccc;

background-repeat: no-repeat;

background-position: center bottom;

}



.tools {

background-image: url(../img/ad_online_tools.gif);

background-position: center top;

}



.globalaccess {

background-image: url(../img/ad_global_access.gif);

}



.event-call {

background-image: url(../img/ad_event_call.gif);

}



.ad-text {

float: left;

}



.big-text {

color: #1d60bc; 

font-size: 14px;

font-weight: bold;

line-height: 120%;

padding: 10px;

}



.small-text {

color: #1d60bc;

font-size: 12px;

font-weight: bold;

line-height: 150%;

padding: 10px;

}



.ad-button-link {

font-weight: bold;

margin: 14px;

padding-top: 97px;

}



.ad-button-link a {

line-height: 120%;

}



.outlined-box {
background: #F9F9F9;
margin: 10px;
padding: 5px;
padding-right: 10px;
border: 1px solid #E5E5E5;
}

.outlined-box-gradient-header {
font-weight: bold;
font-size: 11px;
color: #000;
text-decoration: underline;
padding: 5px;
}



.outlined-box p.phone {

background: url(../img/icon_phone.gif);

background-repeat: no-repeat;

background-position: 3%;

padding-left: 30px;

}



.outlined-box p.email {

background: url(../img/icon_email.gif);

background-repeat: no-repeat;

background-position: 3%;

padding-top: 4px;

margin-bottom: 10px;

padding-left: 30px;

}



#image-container-left {

float: left;

}



#headline-image {

border-bottom: 1px solid #cccccc;

margin: 0px 0px 10px 20px;

height: 65px;

}



#headline-image-text-only {

margin: 0px 0px 10px 20px;

}



.home-main-copy {

background: #FFF url(../img/contentbg.jpg) no-repeat bottom left;

font-size: 12px;

padding-left: 250px;

padding-bottom: 1px;

}



.main-copy {

font-size: 12px;

padding-bottom: 10px;

}



.3-boxes {

background-color: #DA212F;

}



.icon-info {

background-image: url(../img/icon_info.gif);

padding: 0px 0px 20px 40px;

font-size: 12px;

font-weight: bold;

background-repeat: no-repeat;

background-position: left top;

}



.icon-guide {

background-image: url(../img/user_guide.gif);

padding: 0px 0px 12px 40px;

font-size: 12px;

font-weight: bold;

background-repeat: no-repeat;

background-position: left top;

}



.icon-customer {

background-image: url(../img/icon_customer.gif);

padding: 0px 0px 35px 40px;

font-size: 12px;

font-weight: bold;

background-repeat: no-repeat;

background-position: left top;

}



.icon-help {

background-image: url(../img/icon_help.gif);

padding: 0px 0px 12px 40px;

font-size: 12px;

font-weight: bold;

background-repeat: no-repeat;

background-position: left top;

}



/* HOMEPAGE CONTENT AND FLASH */

#homepage-container {

float:left;

width:610px;

margin-left:10px;

}



#homepage-intro {

background-image:url(../img/bg_overview_flash1.gif);

background-repeat:no-repeat;

background-position:100% 120%; /* 100% 180% */

overflow:auto;

position:relative;

min-height:285px;

border-bottom:1px solid #ddd;

}



#homepage-content {

float:left;

width:500px;

}



#homepage-content a#homepage-biglink {
display:block;
font-size:13px;
font-weight:bold;
}

#flash-goes-here {
	outline:0;
	width:270px;
	height:260px;
	position:absolute;
	bottom:0;
	right:0;
}

#homepage-buckets {
overflow:auto;
padding:10px 0 15px 0;
}

.homepage-infobox {
float:left;
width:165px;
margin:0 20px 0 0;
}

.homepage-infobox h3, .homepage-infobox p {

margin:0;

padding:0;

}



.homepage-infobox p {

margin:10px 0 10px 0;

}



.homepage-infobox h3 {

padding-bottom:3px;

}



.homepage-infobox a {

font-weight:bold;

}



h1#homepage-header {

margin:10px 0 15px 10px;

padding:0;

font-size:21px;

font-weight:bold;

color:#FF8700;

}



p.homepage-para {

margin: 0px 0px 10px 10px;

font-size:12px;

padding:0;

line-height:1.5;

color:#333;

width: 255px;

}





/* FAQ */



.faq-block {

border-top: 1px dotted #cccccc;

padding: 15px 0px 15px 12px;

margin: 0px;

}



/* FORMS */



.error {

	color: #ff0000;

	font-weight: bold;

}





#segment-section-form {

font-size: 12px;

line-height: 125%;

color: #666;

margin-left: 15px;

margin-right: 10px;

padding: 0px 0px 10px 0px;

float: left;

}



fieldset {

width: 350px;

margin-left: 50px;

padding: 25px;

display: block;

border: 1px solid #ccc;

margin-bottom: 0px;

}



.centerfieldsetdiv {

width: 300px;

margin-left: auto;

margin-right: auto;

text-align: left;

}



legend {

color: #666;

font-size: 12px;

margin: 0px 0px 0px -2px;

text-align: center;

font-weight: bold;

}



.centerfieldsetdiv input, input {

}



.centerfieldsetdiv label, label {

font-weight: bold;

}



.plain-list {
list-style: none;
}



.left-padding {

padding-left: 25px;

}



.bottom-padding {

padding-bottom: 5px;

}



.no-bottom-padding {

padding-bottom: 0px;

}



.no-top-padding {

padding-top: 0px;

}



.table-ahead { 

background: #efefef;

font-weight: bold;

border-bottom: 1px solid #ccc;

padding: 3px 0px 3px 5px;

font-size: 11px;

color: #666;

}



.rowOdd {

padding: 5px 0px 5px 5px;

background: #fff;

font-size: 11px;

border-bottom: 1px dashed #ccc;

}



.rowEven {

padding: 5px 0px 5px 5px;

background: #F1F8FF;

font-size: 11px;

border-bottom: 1px dashed #ccc;

}



.helpCursor {

cursor: help;

}



.buttonSubmit, .buttonSubmitHovered {

background: transparent url(../img/button.gif) no-repeat scroll left top;

border: medium none;

color: #ffffff;

cursor: pointer;

font-weight: bold;

height: 26px;

padding: 2px 5px;

width: 69px;

}



.buttonSubmitHovered {

background-position: left bottom;

}



#bar {

float: left;

margin: 5px auto;

padding: 5px;

width: 600px;

}



.box {

background-color: #f1f8ff;

border: 1px solid #cccccc;

margin: 20px;

padding: 10px;

}



.underline {

text-decoration: underline;

}



td.LM2007-std {

	display: none;

}



.important-message {

	border: 1px solid #ccc;

	padding: 10px 10px 10px 25px;

	margin-left: 20px;

	margin-top: 5px;

	background: url(../img/warningbullet.gif) no-repeat 5px 10px;

}



.form-caption {

	font-weight: normal;

}



#request-welcomekit-box {

	background-image: url(../img/bg_green_plant.jpg); 

	background-repeat:no-repeat; 

	background-position:-8% 50%;

	background-color:#fff;

	padding:10px 10px 10px 70px;

	margin-bottom: 10px;

	margin-top: 10px;

	min-height:80px;

	_height:80px;

	border:1px solid #006600;

	width:360px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;



}



.gogreen {

	color: #006600;

	font-weight: bold;

}

.normal {

	font-weight: normal;

	font-size: .9em !important;

	text-align: left;

}


.list2{
font-weight:normal;
color:#99CC66;}





/** Common Login classes */
.loginTable {
    border: 1px solid #db313e;
}
.loginHeader {
    background-color: #db313e;
    color: #e1e1e1;
    padding: 5px 0px 5px 5px;
}
.loginHeader2 {
    background-color: #FFFFFF;
    color: #db313e;
    padding: 5px 0px 5px 5px;
    font-size: 11px;
}
.loginRow {
    background-color: #FFFFFF;
    color: #333333;
    padding: 5px 0px 5px 5px;
    font-size: 12px;
}


.errorMessageTitle {
	color: #FF0000;
	font-weight: bold;
}
.errorMessageBody {
	color: #FF0000;
}

.blueText {
	color: blue;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
}