/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	margin-bottom:2em;
		color: #fff; 
}
/*--Window/Masking Styles--*/
.window {
	height:208px;	width: 800px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 10px; left: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(../images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
			color: #fff;
}
.paging a {
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #920000;
		color: #fff;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}



/* begin styles for RSS Feed */

.rss-box {
	 margin: 0.5em;
	 width: 375px;
	 background-color: white;
         	 
}
.rss-items {
	margin-top:0px;
	padding:0.5em; 0.5em;
	margin-left:0px;
	color: black;
}
p.rss-title {padding:0.5em;}
.rss-title {
	text-decoration: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
	background-color:white;
	color:red;
	font-weight:bold;
	margin: 0px;
	padding:0em;
	text-align: left;
}

.rss-item  {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight : normal;
  list-style:none;
  padding-bottom:1em;
}

.rss-item a {
	text-decoration : none;
	color: #666699;
	font-size: 12px;
	font-weight:light;
	font-family:arial, helvetica, sans-serif;
	}
	
.rss-item a:visited {
	color:white;
}

.rss-date {
	font-size: 85%;
	font-weight : normal;
	color: #fff;
	} 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }



.infoblocks img
{
margin-top:1em;
margin-left:2.5em;
}

.boldtext
{
font-weight:bold;
}

#notice
{
width:100%;
overflow:auto;
margin-bottom:2em;

position:relative;
top:-45px;

}

#notice object
{
float:right;
}

#notice h1
{


}

#notice p
{

}
.accordion_container{width:95%; margin:1em auto;}
ul.menu li a.drop
{background:url(../images/accordion_cq.jpg) top right no-repeat;
border-bottom:1px solid #f00}

ul.menu li a.dropsub{
border-bottom:1px dotted #f00}



ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 100%;

}

ul.menu a {
  display: block;
  width:100%;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  background:;
  color: #fff;	
  padding: 0.5em 0;

}

ul.menu li a:hover {
  background: ;
}

ul.menu li ul li a {
  background: ;
  color: #000;
  padding-left:;
}

ul.menu li ul li a:hover {
  background: ;
 
  padding-left:;
}	

.current
{
background:#eb5a52;
}
  
  #partners {
    width: 800px; height: 83px;
    background: url(../images/new_images/partnersnav.jpg);
    margin: 0px auto; padding: 0;
    position: relative;}
  #partners  li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #partners  li, #partners a {
    height: 83px; display: block;}
    
  #fujifilm {left: 0; width: 150px;}
  #nashuatec {left: 150px; width: 130px;}
  #oki {left: 280px; width: 130px;}
  #ricoh {left: 410px; width: 120px;}
  #panasonic {left: 530px; width: 110px;}
  #triumphadler {left: 640px; width: 160px;}
  
  #fujifilm a:hover {background: transparent url(../images/new_images/partnersnav.jpg) 0 -83px no-repeat;}
  #nashuatec a:hover {background: transparent url(../images/new_images/partnersnav.jpg) -150px -83px no-repeat;}
  #oki a:hover {background: transparent url(../images/new_images/partnersnav.jpg) -280px -83px no-repeat;}
  #ricoh a:hover {background: transparent url(../images/new_images/partnersnav.jpg) -410px -83px no-repeat;}
  #panasonic a:hover {background: transparent url(../images/new_images/partnersnav.jpg) -530px -83px no-repeat;}
  #triumphadler a:hover {background: transparent url(../images/new_images/partnersnav.jpg) -640px -83px no-repeat;}


h2.steps
{
color:#777;
margin-top:1em;
}


.yellow{color:#FF7F04}
.green{color:#148A00;}
.purple{color:#902EFD}
.blue{color:#0A25FB}
.red{color:#EF4138}

.floatright_cta
{
float:right;
margin-top:1em;
}

.hdtext
{
position:relative;
top: -1.7em;
}

.h2text
{
margin-left:10px;
position:relative;
top: -1em;
}

ol.tc li
{
list-style-type:decimal;
margin-bottom:1em;
}

ol.tcammend li
{
list-style-type:lower-alpha;
margin-left:60px;
}

li.question a
{
color:#000;
}

.faq
{
margin:20px 0;
list-style-type:none;
}
.italictext
{
font-style:italic;
}

.question
{
font-weight:bold;
}

.answer
{
margin-bottom:20px;
}
#offerbanner
{
position:absolute;
right:0;
}



.cb
{
clear:both;
}

.fl
{
float:left;
}

.fr
{
float:right;

}

.footer .fr
{
float:right;
margin-top:25px;
}


.tester
{
height:200px;
overflow:auto;
}

.search
{
float:right;
}

.logo
{
float:right;
margin-right:100px;
}


h2 span.redtext
{
margin-left:20px;
}



ul.drivers
{
float:left;
list-style-type:none;
background: #fff;
margin-left:10px;

width:350px;
}




ul.drivers a
{
color:black;
}
.clear
{
clear:both;
}

.prodcontainer
{
border-top:3px solid #CCCCCC;
overflow:auto;
margin:0 auto;
width:750px;
}

.prodcontainersml
{
overflow:auto;
margin:0 auto;
width:500px;
}

.rootproduct
{
width:250px;
text-align:center;
float:left;
margin-bottom:20px;
}

.rootproduct h2
{
color: #bebfc3;
font-size:14px;
}

.rootproduct h3
{
color: #bebfc3;
}

.smalltext {font-size: 12px}
.productheader {
	color: #EF4138;
	font-weight: bold;
	font-size: 14px;
	margin-top:1em;
}
.productsubheader { width:150px; color: #EF4138; font-weight: bold; font-size: 12px; list-style-type:none;}



/*------------------------------General Styling-------------------------------*/
*
{
padding: 0;
margin: 0;
}

body
{
overflow:auto;
background:url(../images/bodybg.jpg) repeat-x  top left #fff;
height:100%;

}

html
{
height:100%;
}



#content li img
{
margin-bottom:1em;
}
/*---------------------------End of General Styling---------------------------*/

/*------------------------------Reuseable Styles------------------------------*/
.modelinfo
{
float:left;
width:130px;
font-size:12px;
margin-right:15px;
}



.product
{
border-top: 3px solid #ccc;

overflow: auto;
padding:20px 0;
width:750px;
margin:0 auto;
clear:both;

}

.product h2
{
padding-left:20px;
}


.product img
{
float:right;
margin-left:20px;
margin-right:20px;
}


#staffimages
{
text-align:center;
}

.floatright
{
float:right;
margin-left:20px;
margin-right:20px;
}

.floatleft
{
float:left;
margin-right:20px;
margin-left:20px;
}

.cleardiv
{
clear:both;
}

.boldtext
{
font-weight: 900;
}

span.redtext
{
font-weight: 600;
color: #ef4138;
}

h1
{
color: #ef4138;
padding-left:20px;
}

h3
{
padding:0px;
color: #ef4138;
padding-left:20px;
}



.leftblock
{
margin-top:2em;
float:left;
width:400px;
}

.rightblock
{
margin-top:2em;
float:right;
width:400px;
}


/*---------------------------End of Reuseable Styles--------------------------*/

/*-----------------------------Navigation Styling-----------------------------*/



/*-------------------------End of Navigation Styling--------------------------*/

/*-----------------------------Container Styling------------------------------*/
div#wrap
{
  width:800px;
	margin: 0 auto -250px; /* the bottom margin is the negative value of the footer's height */
  background:url(../images/g.jpg) repeat-y  top left #fff;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

div#masthead
{
  width:100%;
height:200px;
  background:url(../images/g.jpg) repeat-y top left #fff;

  border-bottom: 1px solid white;

}



div#content
{
width:100%;
background:url(../images/g.jpg) repeat-y  top left #fff;
margin-top: 1em;
width:800px;
clear:both;
}

#content p
{
padding:10px 20px 10px 20px;
}

#content ul
{

}



#content a
{
color:#b2b2b2;
}

#leftcol
{
width:400px;
margin-left:0px;
float:left;
}

#leftcol object
{
margin-left:25px;
}

#leftcol p
{
margin-top:1em;
}

#leftcol p img
{
float:right;
}

#leftimg
{
background: #fff;
text-align: right
}

#rightcol
{
background: #fff;
width:390px;

float:right;

}

#rightcol img
{
display:inline;
float:right;
}

.ableft
{
width:400px;
float:left;
border-right: 1px dotted #b2b2b2;
margin-top:10px;
clear:both;
}

.abright
{
margin-top:10px;
width:380px;
margin-left:400px;
}

#abrightcol
{
background: #fff;
width:300px;
margin-left:490px;
}

#abrightcol img
{
display:block;
}

#abrightcol form
{
margin-left:20px;
}

.breadcrumb
{
margin: 0 0 10px 25px;

}
.breadcrumb a
{
color: #b2b2b2;
border-bottom:1px dotted #b2b2b2;
}

.customers
{
font-size:small;
padding-left:20px;
}

#logodiv p
{
margin: 0 0 10px 20px;
}


.logos {
list-style: none;
margin: 0 auto 0 20px;

}

.logos li {
display: block;
width: 60px;
height: 60px;
overflow: hidden;
float: left;
margin: 0 10px 10px 0;
}

#maintenance
{
background:url(../images/servicesbg2.jpg) repeat-y  top left #fff;
width:400px;
height:400px;
margin:0px 15px 0 auto;
}

#maintenance ul
{
/*list-style-image: url(../images/redarrow.jpg);*/
list-style-type:none;
margin-left:0px;
padding-top: 120px;
font-weight:900;
}

#maintenance ul li
{
background: url(../images/redarrow.jpg) no-repeat;
padding-left:25px;
margin-bottom: 10px;
}

#billysletter
{
background: url(../images/letter_bg.jpg) no-repeat;
width:800px;
padding-top:100px;
color:#000;

}

#resourcedivs
{
width:760px;
margin:0 auto;
}



#manual
{
margin-left:20px;
width:225px;

background:url(../images/re_icons/manuals.jpg) no-repeat  top left #fff;
float:left;
}






#fun
{
margin-left:20px;
width:225px;

background:url(../images/re_icons/fun.jpg) no-repeat  top left #fff;
float:left;
}

.resourcetext
{


}

.resourceend
{
float:left;
margin-left:20px;
margin-bottom:20px;
background:url(../images/re_icons/resourcebottom.jpg) no-repeat  bottom left #fff;
width:225px;
height:100px;
}

/*---------------------------End of Container Styling-------------------------*/

/*--------------------------------Form Styling--------------------------------*/
/* General */

#driverform
{
margin-left:20px;
}

.cleanform {
	font-size:1em;
	width:780px;
	color:#1b1b1b;
	text-align:left;
	margin:1em auto
}

/* Elements */

.cleanform  label,.cleanform legend{
	padding:0;
	margin:0.3em 0
}

.cleanform fieldset{
	padding:0.7em;
	border:1px solid #ddd;
	margin:0 0 0.5em 0
}

.cleanform label {
    font-weight:bold
}

.cleanform fieldset input {
    width:70%;
    line-height:25px;
	padding:0.15em
}

.cleanform .radio input,
.cleanform .checkbox input {
    width:auto;
    border:none;
    margin:0 25px 0 0
 }

.cleanform input, .cleanform textarea, .cleanform select {
    display:block;
    margin-bottom:1em;
    font-size:1em;
    border:1px solid #bbb;
    padding:0.15em;
    margin-right:1em
 }

.cleanform .radio label, .cleanform .radio input,
.cleanform .checkbox label, .cleanform .checkbox input {
    display:inline;
    margin:0 25px 0 0
}

.cleanform .radio input, .cleanform .checkbox input {
    margin:0 0.3em 0 0
}

/* Button */

.cleanform button {
	margin:0.3em 1em;
	border:1px solid #ccc;
	background-color:#eee;
	font-size:1em;
	cursor:pointer;
	padding:0.5em
}

.cleanform button:hover {
	background-color:#b2b2b2;
	border:1px solid #ccc;
	color:#eee
}

.cleanform button:active {
	background-color:#333;
	color:white;
	border:1px solid #000
}

/* information */

.cleanform .formInfo {
    margin-bottom:1em;
    padding-bottom:0.5em;
    border-bottom:0.1em solid #ddd
}

.cleanform .formInfo h2 {
	color:#00889e;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:1em
}

.cleanform .formInfo p{
	text-align:justify
}

.cleanform .required {
	color:#ff3838;
	font-weight:bold;
	font-size:0.8em
}
/*------------------------------End of Form Styling---------------------------*/

/*--------------------------------Table Styling--------------------------------*/



.productstable
{
width:750px;



}


.productheaders
{
	color: #bebfc3;
	font-weight:600;
	text-align:center;
	height:30px;
	background:#fff;


}

.productimages
{
text-align:center;
background:#fff;
}
/*----------------------------End of Table Styling----------------------------*/

/*--------------------------------Link Styling--------------------------------*/
a img
{
border:0;
}

a
{
text-decoration:none;
color: #fff;
}
/*----------------------------End of Link Styling-----------------------------*/

/*-----------------------------Footer Styling---------------------------------*/
.push
{
height: 270px;

}


.footer 
{
background:#848484;
color: #ccc;
height: 270px; /* .push must be the same height as .footer */
width:100%;
margin:0px auto;
border: solid #b2b2b2;
border-width: 1px 0;
}

.footer a
{
color: #ccc;
}

.footer h4 a
{
color: #fff;
}

.footercontent
{
width:800px;
margin:0 auto;
}

.footer ul
{
margin-top:10px;
list-style-type:none;
}

.ft_contact
{
float:left;
width:200px;
margin-right:50px;
}

.ft_prods
{
margin-left:0px;
float:left;
width:200px;
}

.ft_resources
{
margin-left:0px;
float:left;
width:200px;
}

.footer h4
{
font-size:125%;
text-decoration: underline;
color:#fff;
}

.bottomnav li
{
display:inline;
}

fieldset
{
border:none;
}
/*---------------------------End of Footer Styling----------------------------*/
.faqlink
{
color: #000;
}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:208px;	width: 800px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 10px; left: -7px;
	width: 178px; height:47px;
	z-index: 10; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(../images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	font: #fff;
	background: #bd1414;
	border: 1px solid #9d1111;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}