body{
margin:0;
padding:0;
background: #00284C url(../images/bg_site.jpg) repeat-x;
}

img{
border:none;
}

.clear{
clear:both;
}

.hidden{
display:none;
}

#wrapper{
margin: 0 auto;
padding:0;
width:983px;
min-height:611px;
height:auto !important;
height:611px;
background: url(../images/wrapperTile_983x1.jpg) repeat-y;
}

#header{
background: url(../images/headerBG_983x91.jpg) no-repeat;
margin:0;
padding:10px 0 0 0;
width:983px;
height:81px;
overflow: hidden;
}

a.logo{
margin:0;
padding:0;
float:left;
}

img.phone{
float:right;
display: inline;
margin:0 15px 0 0;
padding:0;
}


img.suppliers{
margin:0;
padding:0;
float:right;
display:inline;
}


#footer{
background: url(../images/footerBG_983x44.jpg) repeat-x;
margin:0 auto;
padding:0;
width:100%;
height:44px;
}


/* nav */
#lhc{
margin:0 0 0 3px;
padding:0;
float:left;
display: inline;
list-style: none;
width:195px;
min-height:415px;
height:auto !important;
height:415px;
}

#lhc li{
margin:0;
padding:0;
float:left;
}

#lhc li a{
width:195px;
height:28px;
display: block;
margin:0;
padding:0;
}

#lhc li a:hover{
background-position: 0 -28px;
}

a.home{
background: url(../images/home_195x84.jpg) no-repeat;
}

a.direct{
background: url(../images/direct_195x84.jpg) no-repeat;
}

a.equipment{
background: url(../images/equipment_195x84.jpg) no-repeat;
}

a.forms{
background: url(../images/forms_195x84.jpg) no-repeat;
}

a.contact{
background: url(../images/contact_195x84.jpg) no-repeat;
}

.nav-home a.home, .nav-direct a.direct, .nav-equipment a.equipment, .nav-forms a.forms, .nav-contact a.contact{
background-position: bottom;
}

#lhc.nav-home a:hover.home, #lhc.nav-direct a:hover.direct, #lhc.nav-equipment a:hover.equipment, #lhc.nav-forms a:hover.forms, #lhc.nav-contact a:hover.contact{
background-position: bottom;
}


/* products nav */
ul.elements{
margin:0;
padding: 0;
width:195px;
height:auto;
background: url(../images/productNavBG_195x209.jpg);
background-repeat: repeat-y;
}

ul.elements li{
color:white;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#lhc ul.elements li a{
margin:3px 0;
padding:0 0 0 10px;
display: block;
color:white;
width:185px;
height:20px;
line-height:20px;
text-decoration: none;
}

#lhc ul.elements li a:hover{
background: url(../images/empty_195x84.gif) no-repeat;
background-position: 0 -28px;
}

/* rhc */
#rhc{
display: inline;
float:left;
margin:0;
padding:0;
width:759px;
height:auto;
}

#flash{
margin:-8px 0 0 0;
padding:0;
height:300px;
width:759px;
background: none;
}

#flashEmbed{
margin:0;
padding:0;
height:300px;
width:759px;
background: none;
}

#content{
background: url(../images/contentBG_759x50.jpg) no-repeat;
margin:0;
padding:20px 0 0 0;
width:759px;
min-height:200px;
height:auto !important;
height:200px;
}

#adobe{
height: 39px;
width:759px;
line-height: 39px;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
text-align: center;
padding:0;
margin:10px 0;
}

#adobe img{
vertical-align: middle;
}

h1{
color:white;
display: block;
margin:0 0 25px 15px;
padding:0;
height:11px;
}

h1.welcome{
background: url(../images/h1/welcomeH1_290x11.png) no-repeat;
width:290px;
}

h1.inquiry{
background: url(../images/h1/inquiryH1_290x11.png) no-repeat;
width:290px;
}

h1.faxesH1{
background: url(../images/h1/faxesH1_290x11.png) no-repeat;
width:290px;
}

h1.scannersH1{
background: url(../images/h1/scannersH1_290x11.png) no-repeat;
width:290px;
}

h1.bwPrintersH1{
background: url(../images/h1/bwPrintersH1_290x11.png) no-repeat;
width:290px;
}

h1.colorPrintersH1{
background: url(../images/h1/colorPrintersH1_290x11.png) no-repeat;
width:290px;
}

h1.bwLowH1{
background: url(../images/h1/bwLowMfH1_400x11.png) no-repeat;
width:400px;
}

h1.bwMidH1{
background: url(../images/h1/bwMidMfH1_400x11.png) no-repeat;
width:400px;
}

h1.bwHiH1{
background: url(../images/h1/bwHiMfH1_400x11.png) no-repeat;
width:400px;
}

h1.colorMfH1{
background: url(../images/h1/colorMfH1_290x11.png) no-repeat;
width:290px;
}

h1.gelSprintersH1{
background: url(../images/h1/gelSprintersH1_290x11.png) no-repeat;
width:290px;
}

h1.productionSystemsH1{
background: url(../images/h1/productionSystemsH1_290x11.png) no-repeat;
width:290px;
}

h1.wideFormatH1{
background: url(../images/h1/wideFormatH1_290x11.png) no-repeat;
width:290px;
}

h1.contactUs{
background: url(../images/h1/contactUsH1_146x11.png) no-repeat;
width:146px;
}

h1.meterReading{
background: url(../images/h1/meterReadingH1_400x11.png) no-repeat;
width:400px;
}

h1.tonerForm{
background: url(../images/h1/tonerFormH1_400x11.png) no-repeat;
width:400px;
}

p{
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin:7px 20px 7px 20px;
}

p.floatRight{
float:right;
display:inline;
margin:7px 20px 7px 0;
width:530px;
}

a.employment{
display:inline-block;
width:171px;
height:183px;
background: url(../images/employment_171x183.jpg) no-repeat;
margin:0 0 20px 0;
padding:0;
float:left;
}


/* product Divs */
.products{
margin:5px auto;
padding:0;
width:722px;
height: auto;
background: url(../images/productsBG_722x1.jpg) repeat-y;
}

.productsContent{
margin:0;
padding:0;
width:722px;
min-height:178px;
height:auto !important;
height:178px;
background: url(../images/productsContentBG_722x178.jpg) no-repeat;
}

.productsBottom{
margin:0;
padding:0;
width:722px;
height:9px;
background: url(../images/productsBottomBG_722x9.jpg) no-repeat;
}

.productsImg{
float:left;
display: inline;
width:200px;
height:170px;
margin:15px 0 0 0;
padding:0;
}

.productsInfo{
float:right;
display: inline;
margin:15px 10px 0 0;
padding:0;
list-style: none;
width:500px;
height:auto;
}

.productsInfo li{
margin:0;
padding:0;
}

.logo{
margin:0;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color:#ffffff;
}

.tagline{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color:#3f83c1;
}

.products .productsContent ul.productsInfo li p{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color:#ffffff;
margin:5px 0;
padding:0;
}

a.downloadBrochure{
display: block;
background: url(../images/downloadBrochureBtn_132x23.jpg) no-repeat;
width:132px;
height:23px;
margin:5px 0 0 0;
padding:0;
}

.afficioLogo{
display: inline-block;
margin:0 5px 0 0;
padding:0;
background: url(../images/afficioLogo_114x41.png) no-repeat;
width:114px;
height:41px;
}

.ricohLogo{
display: inline-block;
margin:0 5px 0 0;
padding:0;
background: url(../images/ricohLogo_154x41.png) no-repeat;
width:154px;
height:41px;
}

/* direct Inquiry page */
ul.directInquiryList{
font-family:Arial, Helvetica, sans-serif;
color:white;
font-size:12px;
padding:0;
list-style: none;
display: inline;
}

ul.staffList{
float:left;
margin:5px 75px 10px 15px;
}

ul.servicesList{
float:left;
margin:5px 0 10px 0;
}

ul.directInquiryList li{
margin:2px 0;
padding:0;
}

ul.directInquiryList a{
color:#4aa7ff;
text-decoration: none;
}

ul.directInquiryList a:hover{
text-decoration: underline;
}

h2.salesStaff{
color:white;
display: inline-block;
margin:0;
padding:0;
height:11px;
background: url(../images/h1/salesStaffH2_290x11.png) no-repeat;
width:240px;
/* float:left; */
}

h2.services{
color:white;
display: inline-block;
margin:0;
padding:0;
height:11px;
background: url(../images/h1/servicesH2_290x11.png) no-repeat;
width:240px;
/* float:right; */
}

.listBlue{
color:#4aa7ff;
}

/* contact us page */
#contactForm{
background: url(../images/contactFormBG_728x351.png) no-repeat;
width:728px;
height:299px;
margin:0 auto 20px auto;
padding:67px 0 0 0;
}

#contactLhc{
margin:0;
padding:0;
width:229px;
height:284px;
float:left;
}

#contactLhc p{
margin:10px auto;
padding:0;
width:170px;
font-family: Arial, Helvetica, sans-serif;
color:white;
font-size: 12px;
font-weight: bold;
}

#contactLhc a{
color:#4aa7ff;
text-decoration: none;
}

#contactLhc a:hover{
text-decoration: underline;
}

#contactRhc{
margin:0;
padding:0;
width:499px;
height:284px;
float:right;
}

#contactRhc table{
margin:0 auto;
padding:0;
border-collapse: collapse;
border:none;
width:474px;
color:#00172b;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#contactRhc .labelRows{
background: url(../images/labelRowBG_474x30.png) no-repeat;
height:30px;
width:474px;
}

#contactRhc td.label{
width:115px;
height:30px;
text-align: right;
}

#contactRhc td .textField{
width:350px;
border:none;
background:none;
}

#contactRhc .margin{
height:6px;
width:474px;
}

#contactRhc .messageRow{
background: url(../images/messageRowBG_474x126.png) no-repeat;
width:474px;
height:126px;
}

#contactRhc .messageRow td.label{
height:30px;
vertical-align: top;
padding:8px 0 0 0;
}

#contactRhc .messageField{
width:350px;
height:110px;
border:none;
background:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#contactRhc .sendBtn{
background: url(../images/sendBtnBG_89x32.png) no-repeat;
float:right;
display: inline-block;
width:89px;
height:32px;
color:white;
border:none;
margin:5px 12px 0 0;
}

h3{
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
margin-left:15px;
font-weight: bold;
}

.errors{
width:728px;
margin:0 auto;
color:white;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
}

/* meter reading form Styles */

#meterReadingTable, #consumablesTable{
width:729px;
height:auto;
margin:10px auto;
padding:0;
color:white;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
}

#meterReadingTable .label, #consumablesTable .label{
width:200px;
text-align: right;
}

#meterReadingTable .intersect, #consumablesTable .intersect{
width:729px;
}

#meterReadingTable .textField, #consumablesTable .textField{
width:510px;
}

/* consumables form */






