* { 
	margin: 0 0; 
	padding: 0 0;  
}

#outer
{
width:579px;
background-color:#ffffff;
padding:0px;
}


#outer table
{
padding:0px;
border:0px;	
}

#inner
{
width:579px;
background-color:#ffffff;
padding:0px;
}


#innertable
{
padding:0px;
border:0px;	
}
.vertnav
{
width:260px;
background-color:#ffffff;
padding:0px;
}

.vertnav table
{
padding:0px;
border:0px;	
}

.toplinks
{width:118px;
height:38px;
text-align : center;
font-weight : bold;
color: White;
}

.toplinks table
{
padding:0px;
border:0px;	
}

.toplinks a
{color: White;
background-image:url(images/off.jpg); background-repeat:no-repeat;
display:block;
height:38px;
line-height:38px;
text-decoration:none;}
.toplinks a:hover
{color: Yellow;
background-image:url(images/on.jpg); background-repeat:no-repeat;
text-decoration:none;}
.sap
{width:1px;}


.copierlinks
{width:200px;
height:200px;
text-align : center;
font-weight : bold;
color: White;
}

.copierlinks2
{width:270px;
height:200px;
text-align : center;
font-weight : bold;
color: White;
}



.copierlinks table
{
padding:0px;
border:0px;	
}

.copierlinks a
{color: Background;
background-image: url(../assets/Image/copier_off.jpg); background-repeat:no-repeat;
display: block;
height:200px;
line-height:50px;
text-decoration:none;}
.copierlinks a:hover
{color: Red;
background-image: url(../assets/Image/copier_on.jpg); background-repeat:no-repeat;
text-decoration:none;}

.scanlinks
{width:200px;
height:200px;
text-align : center;
font-weight : bold;
color: White;
}

.scanlinks table
{
padding:0px;
border:0px;	
}

.scanlinks a
{color: Background;
background-image: url(../assets/Image/scan_off.jpg); background-repeat:no-repeat;
display: block;
height:200px;
line-height:50px;
text-decoration:none;}
.scanlinks a:hover
{color: Red;
background-image: url(../assets/Image/scan_on.jpg); background-repeat:no-repeat;
text-decoration:none;}

.lflinks
{width:200px;
height:200px;
text-align : center;
font-weight : bold;
color: White;
}

.lflinks table
{
padding:0px;
border:0px;	
}

.lflinks a
{color: Background;
background-image: url(../assets/Image/lf_off.jpg); background-repeat:no-repeat;
display: block;
height:200px;
line-height:50px;
text-decoration:none;}
.lflinks a:hover
{color: Red;
background-image: url(../assets/Image/lf_on.jpg); background-repeat:no-repeat;
text-decoration:none;}

.mflinks
{width:200px;
height:200px;
text-align : center;
font-weight : bold;
color: White;
}

.mflinks table
{
padding:0px;
border:0px;	
}

.mflinks a
{color: Background;
background-image: url(../assets/Image/mf_off.jpg); background-repeat:no-repeat;
display: block;
height:200px;
line-height:50px;
text-decoration:none;}
.mflinks a:hover
{color: Red;
background-image: url(../assets/Image/mf_on.jpg); background-repeat:no-repeat;
text-decoration:none;}

.faxlinks
{width:200px;
height:200px;
text-align : center;
font-weight : bold;
color: White;
}

.faxlinks table
{
padding:0px;
border:0px;	
}

.faxlinks a
{color: Background;
background-image: url(../assets/Image/fax_off.jpg); background-repeat:no-repeat;
display: block;
height:200px;
line-height:50px;
text-decoration:none;}
.faxlinks a:hover
{color: Red;
background-image: url(../assets/Image/fax_on.jpg); background-repeat:no-repeat;
text-decoration:none;}

body {
	background: White url(images/bg2.png) repeat-x;
	font: 11px Verdana,Arial,sans-serif;
	color: #a9a9a9;
}

#nav{
	margin-left : 30px;
}

#nav2{
	margin-left : 17px;
}

	
}
a a:hover {
	text-decoration :underline;
	color: #669ac6;
}
a:hover {
text-decoration :none;
}

.p {
	margin:0px;
}

#body_bottom_bgd {
	width: 922px;
	margin: 0 auto;
	background: #FFFFFF url(images/body_bgd_bottom.gif) bottom center no-repeat;	height:100%;
}

#page {
	width: 890px;	height:100%;
	background: #FFFFFF url(images/body_bgd.gif) center repeat-y;
	padding:0 8px 0 16px;
	margin: 0 auto;

}

#left_col {
	width: 260px;
	float:left;
}

#left_col img {
	margin:10px 0 0px 10px;

}


#logo {
	font-size: 1.2em;	
	margin-bottom: 0px;
}

#logo h2 {
	text-align : center;
	font: normal 16px Wide Latin;
	margin-bottom: 0px;
	color : Black;
}


#logo h1 {	
	padding: 15px 0px 0px 50px;
	font-size: 1.5em;	
	font-weight: normal;
	letter-spacing:-1px;
}

#logo img {
	float:left;
}

#right_col {
	width:610px;
	padding:0 0 20px 10px;
	float:left;
}



#right_col h1{
		font: 12px "MS Trebuchet",Verdana,Arial;
		color: #669ac6;
		margin:0px;
		padding-top:5px;
		font-size: 1.3em;	
		font-weight: normal;
		letter-spacing:-1px;

}

#right_col h2 {
		background:transparent url(images/arrow.gif) no-repeat left;
		display:inline;
		font-weight:bold;
		font-size: 1.1em;
		padding-left:12px;
		padding-top: 3px;
		padding-bottom: 3px;
}


#left_bgd{

padding-left:20px;
background: #FFFFFF url(images/content_bgd_left.gif) left repeat-y;
overflow:hidden;
}


#header {
	margin: 5px 0 10px 20px;
	font-size: 2.0em;
	letter-spacing: 3px;
}


#blue_line {
background:#669ac6;
font-size: 0px;
height:2px;
margin-top:1px;
margin-bottom:10px;
width:540px;
}

#blue_line2 {
background:#669ac6;
font-size: 0px;
height:2px;
margin-top:1px;
margin-bottom:10px;
width: 98%;
}

#blue_line3 {
background:#669ac6;
font-size: 0px;
height:2px;
margin-top:1px;
margin-bottom:10px;
width: 98%;
}



.news {
	font-family: Arial;
	font-size: 1.2em;
	background-color: #79BDD0;
	padding: 10px;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
	color : Black;	
}

.invu{
	background-color : #0391BA;
	text-align : center;
}

.news h1{
		color: White;
		margin-bottom: 10px;
		font-size: 1.6em;	
		font-weight: bold;		
}

.right {
	float:right;
	padding-left:10px;
}

.left {
	float:left;
	padding-right:10px;
}
.center{
	text-align : center;
}

.center2{
	text-align : center;
	padding : 0px 0px 10px 0px;
	}

.justify {
	text-align: justify;
}

.textleft {
	text-align: justify;
	azimuth : left-side;
}
.textright{
	text-align : left;
	azimuth : right-side;
	}

.blue {
color: #669ac6;
}

.graytext{
color : #565656;
font-weight : 500;
}

.graytext2{
color : #565656;
font-weight : 500;
font-size : 1.2em;
}

.canon {
	color : #EE252B;
}

.blue_line {
background:#669ac6;
font-size: 0px;
height:2px;
margin-top:1px;
margin-bottom:10px;
width:580px;
}

.blue_line3 {
background:#669ac6;
font-size: 0px;
height:2px;
margin-top:1px;
margin-bottom:10px;
width: 98%;
}

.clearboth {
	clear:both;
}
.red {
	color : Red;
}



#resol {
text-align:left;
width:300px;
position:fixed!important;
position:absolute;
top:0px;
left:1280px;
margin:0 auto;
background:transparent;
} 

#resol h1 {
background:none;
font-size:1.5em;
letter-spacing:12px;
padding:0px;margin:0px;
border: 0px;
}
#resol h2 {
font-size:0.8em;letter-spacing:3px;
padding:0px;margin:0px;
background:none;
}

.dottedline { 
	width:100%;
	border-top: 1px dotted #669ac6;
	margin: 10px 0px 0px 0px;
	height:0px;
}

.solidline {
	width:100%;
	border-top: 1px solid #669ac6;
	margin: 10px 0px 0px 0px;
	height:0px;
}

.flashbox{
	width: 576px;
	height : 275px;
	text-align : center;
	font-size : 2.0em;
	padding: 20px 0px 20px 0px;
	float: none;
	border : 3px double #669ac6;
	margin : 0 0 0 0;
}

.product{
	background: White none repeat-x;
	font: 21px Verdana,Arial,sans-serif;
	color: #a9a9a9;
	width: 570px;
}

.bottomnav{
width:880px;
text-align : center;
}

.bottomnav table
{
padding:0px;
border:0px;	
}

.bottomnav a{
font-size : 1.1em;
color: White;
display:block;
text-decoration: none;
 background : #65B2CE;
}
.bottomnav a:hover{
font-size : 1.1em;
color: Yellow;
text-decoration: none;
 background : #2B71C6;
}



.box {
	width: 95%;
	padding: 10px 10px 10px 10px;
	float: none;
	border : 3px double #669ac6;
	margin : 0 0 0 0;
}

.boxleft {
	width:240px;
	padding: 10px 10px 0px 0px;
	border-right: 1px none #669ac6;
	float:left;	
}

.boxleft2 {
	width: 40%;
	padding: 10px 10px 0px 0px;
	border-right: 1px none #669ac6;
	float:left;	
}

.boxleft3 {
	width: 16em;
	padding: 10px 10px 0px 5px;
	border: 0px solid #669ac6;
	float:left;
}

.boxright {
	width:240px;
	border-left: 1px none #669ac6;
	padding: 10px 0px 0px 10px;
	margin: 0px 0px 0px 250px;
}
.boxright2 {
	width: 22em;
	border-left: 1px none #669ac6;
	
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 200px;
	}

.boxright3 {
	width:15em;
	border: 0px solid #669ac6;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 200px;
	
}

li {
background: transparent url(assets/Image/CenterSpot.gif) no-repeat left;
list-style-type: none; 
padding-left: 20px;
 font-size : small;
 font-weight : bold;
}

table {
padding:5px;
border:3px;
}

form {
border : 0px double #3399CC;
padding:5px;
margin:5px;
}

form label.text {
	display: block;
	float: left;
	width: 40%;
	text-align: right; 
	margin: 5px 0 0 0;
	padding: 0.1em;
}

fieldset {  
		border: thin outset #3399CC;
		margin: 5px;
		padding: 5px 2px 2px 2px;
		background:			transparent url(fieldsetbg.gif) no-repeat bottom right;
}

fieldset input {
	margin: 0;
	width :45%;
}

fieldset#submitform {  
		background-image:	none;
		border-style: 		none;
	}
	
	select{
		
		width:			13em;
		margin-right:		5px;
		padding-right:		10px;
		text-align: left;
	   }

	   
label.small {
		
		
		width:			9em;
		margin-right:		5px;
		padding-right: 5px;
		line-height:		2em;
		text-align: right;
	}	   
	   
label {
		position: relative;
		clear:				left;
		float:				left;
		width:			15em;
		margin-right:		5px;
		padding-right: 5px;
		line-height:		2em;
		text-align: right;
	}
	
	label.required {
		background: transparent url(required.gif) no-repeat center right
	}
	
	label span {
		position:			absolute;
		left:				-10000px;
		top:				0px;
	}

legend {  
		text-transform:		uppercase;
		font-size:			1.3em;
		padding:			5px;
		margin-left:		1em;
		color:				#ffffff;
		background: #6495ED;
	}
	
	fieldset ol {  
		padding: 			10px 10px 0 10px;  
		list-style: 		none;
	}
	
	fieldset li {  
		position: fixed;
		padding-bottom: 	1em;
		line-height:		1em;
	}
	
	p span.required {
		display: block;
		vertical-align: middle;
		width:				25px;
		line-height:		2em;
		text-indent: -10000px;
		overflow:			hidden;
		background:			transparent url(required.gif) no-repeat center right;		
	}
	
	input {
		padding:			5px;
		font-size:			1.0em;
		border: 1px solid #6495ED; 
		color: Blue; 
		background: #D9E2FF;
		
	}
	
	input.radio {
		border:				none;
		background:			transparent;
	}
	
	textarea.text  {
    	
		padding:			5px;
		font-size:			1.0em;
		border: 1px solid #6495ED; 
		color: Blue; 
		background: #D9E2FF;
 	}
	
	.button {
		font-size:			1.3em;
		margin-top:5px;
		text-transform :  uppercase;
		border: 0px solid #ffffff;
		padding: 0px 10px 0px 10px;	
		color:  #ffffff;
		background-color: #6495ED;	
			
}






/*input.text, textarea.text,input.warning, textarea.warning  { 
  border-color: #dadada; 
  border-style: solid; 
  border-width:1px; 
  margin:5px;
	width:200px;
}


 textarea.text  {
 width:200px;
 height:80px;
 }

.button {
	margin-top:5px;
	text-transform :  uppercase;
	border: 0px solid #ffffff;
	padding: 0px 10px 0px 10px;	
	color:  #ffffff;
	background-color: #6495ED;	
			
}
*/
.center {
	text-align:center;
}

#wrap {overflow: hidden;padding-bottom:10px;}
.bold {
	font-weight:bold;
}

.big{
	font-size : medium;
}

.bigger{
font-size : large;
}

#copyright {
height: 35px;/* don't change */
font-size: 0.9em;
padding-top:15px;
text-align:center;
}
#copyrightkit {
	width: 1500px;
}
#copyright a,#copyright a.link  {
text-decoration: none;
color: #a9a9a9;
}

#copyrightkit, #copyrightkit a {	
	margin: 0 auto;
	text-align:right;
	font-size: 0em;
	color: White;
	text-decoration:none;

}

#copyrightkit a:hover {
	text-decoration:underline;
}

#holder { position: absolute; top: 0; left: 0;width:100%;}
#copy {clear: both; position: absolute; bottom: -9px; left:0;  border: none; width: 100%;}

.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	cursor: url(/highslide/graphics/zoomin.cur), pointer;
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background-image: url(graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											    */
/* Remove these if you are not using Highslide HTML						  */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html-content {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(graphics/resize.gif);
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							*/
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 1em;
	position: absolute;
	left: 0;
	right: 1em;
	top: 0;
	width: auto;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: relative;
	z-index: 2;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}