

/**************amended 04.2011*******************/

#services_box { width:284px; height:215px; padding:0px; margin:0px; display:block; overflow:hidden;  }

/****************************************/






/* CSS Document */
body { margin:0px; padding:0px; background:url('bg.jpg') repeat-x; background-color:#fff; }


* { 
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#497c97;
}



/********************** amendments 01.2011****************/

#brands_box img {float:left;    }

h2.h_olivetti{ width:314px; height:24px; background:url('h_olivetti.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px;  }




/*********************** amendments 09.2010 *****************************************/

	#brands_box {  text-align:center; height:78px; line-height:78px; overflow:hidden; margin:75px 0 0 20px; }
	
	
	
	#forms{width:300px; float:left; margin:0 0 0 0;}

.contactform{float:right; width:200px;}
.submitbutton{float:right; margin:0 160px 0 0;}
.form_row{overflow:hidden; margin:20px 0 0 0;}
.form_row p{ padding:0; margin:0; float:left;}

.clear{clear:both;}


/*****************************************/



p { margin-top:8px;	margin-bottom:10px;padding:0px; text-align:justify; line-height:15px; }

p strong, ul li strong { font-weight:bold; }

p.p_left { text-align:left; }
p.p_center{ text-align:center; }
p.p_right { text-align:right; }

.bordo {color:#a83180; }

.strong { font-weight:bold; }
.italic {font-style:italic; }
.underline { text-decoration:underline; }

.left { float:left; }
.right { float:right}

img {margin:0px; padding:0px; border:none; display:block; }
img.left { float:left; margin:0 15px 10px 0px; }
img.right { float:right; margin:0px 0px 10px 0px; padding-left:20px; }
img.center {margin:0 auto 0 auto;}

img.img_solution { margin:10px auto 10px auto; }


form, input, textarea, select {margin:0px; padding:0px;}

h2, h1, h3 {margin:0px; padding:0px }
h2 {font-size:16px; text-align:left; margin-bottom:4px; margin-top:10px; font-weight:bold; padding:0px; }
h2.h_ban_call_us { background:#fff url('ban_call_us.jpg') no-repeat; width:381px; height:127px; text-align:left; text-indent:-9999px;overflow:hidden; margin:0px; padding:1px 0 0 0px;}


a.a_link { color:#00aec8; text-decoration:none; }
a.a_link:hover { text-decoration:underline; }


#display_in{ display:inline; float:left;}

ul.ul_main { padding:0px; margin:0px; list-style:none; margin-bottom:16px; }
	ul.ul_main li { padding-left:18px; margin-left:4px; background:url('arrow_ul.gif') no-repeat 0 1.1pt; line-height:15px; margin-bottom:6px; }


h2.h_quote { width:66px; height:24px; margin-top:18px; background:url('h_quote.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; }
h2.h_risograph { width:93px; height:24px; background:url('h_risograph.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; }
h2.h_copies_printers { width:142px; height:24px; background:url('h_copies_printers.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin-left:10px; }
h2.h_service { width:74px; height:24px; background:url('h_service.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin-left:10px; }
h2.h_our_products { width:114px; height:24px; background:url('h_our_products.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin-top:18px; margin-bottom:18px; }
h2.h_our_services { width:108px; height:24px; background:url('h_our_services.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin-top:18px; margin-bottom:18px;}
h2.h_contact_us { width:101px; height:24px; background:url('h_contact_us.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }
h2.h_services { width:85px; height:24px; background:url('h_services.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }
h2.h_special_offers { width:119px; height:24px; background:url('h_special_offers.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }
h2.h_maintenance { width:118px; height:24px; background:url('h_maintenance.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }
h2.h_products { width:89px; height:24px; background:url('h_products.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }
h2.h_our_approach { width:119px; height:24px; background:url('h_our_approach.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }
h2.h_welcome { width:261px; height:24px; margin-top:18px; background:url('h_welcome.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; } 

h2.h_professionaly { width:340px; height:24px; margin-top:18px; background:url('h_professionaly.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; }

h2.h_recycled_digital_copiers { width:251px; height:24px; background:url('h_recycled_digital_copiers.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden;  margin:18px 0 18px 10px; display:block;  } 
h2.h_environmental_policy { width:172px; height:24px; background:url('h_environmental_policy.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }
h2.h_supplies_services { width:146px; height:24px; background:url('h_supplies_services.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }


a.a_risograph { display:block; width:93px; height:24px; background:url('h_risograph.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:10px 0 8px 0; }


h2.h_panasonic_printers { width:353px; height:24px; background:url('h_panasonic_printers.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }
h2.h_riso_printers { width:353px; height:24px; background:url('h_riso_printers.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }
h2.h_oki_printers { width:343px; height:44px; background:url('h_oki_printers.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }
h2.h_ricoh_printers { width:383px; height:24px; background:url('h_ricoh_printers.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }
h2.h_develop_konica_copiers_printers {width:356px; height:24px; background:url('h_develop_konica_copiers_printers.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }
h2.h_finishing_products {width:353px; height:25px; background:url('h_finishing_products.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }
h2.h_riso_hc  {width:378px; height:24px; background:url('h_riso_hc.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }
h2.h_copiers_header  {width:378px; height:24px; background:url('h_fullc_monoc.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }


h1.h_product_title_border { font-size:11px; height:40px; width:330px; background:url('h_product_title_border.gif') repeat-x 0 39px; font-weight:bold; line-height:40px; text-indent:4px; } 


.wrap { width:898px; margin:0px auto 0px auto; text-align:center; padding:0px; }
	
	#top { width:898px; height:109px; margin:0px; padding:0px; text-align:left; position:relative; }
		#top a.logo { display:block; width:355px; height:109px; background:url('logo.jpg') no-repeat; text-indent:-9999px; overflow:hidden; outline:none; position:absolute; top:0; left:0; }	
		
	
		
		
	#top #main_menu { width:543px; float:right; height:64px; display:block; text-align:right; margin:0; padding:0;}
	#ul_main_menu {margin:0px;padding:0px;float:right;width:543px;height:20px; position:relative; z-index:500;}
	#ul_main_menu li { float:left; height:64px; line-height:18px; list-style:none;}
	#ul_main_menu li { position:relative;}
	#ul_main_menu div {display:none; z-index:502;}
	#ul_main_menu li.bet { background:url('ul_main_menu_bet.jpg') no-repeat; width:5px; height:64px; }
	#ul_main_menu li a {float:left; display:block;height:64px; text-align:left; line-height:64px; color:#f2f6f9; padding:0px 9px; outline:none;}
	#ul_main_menu li a:hover {text-decoration:underline; background-position:0 0; display:block;}	
	
	
/* ================================================================ 

The Drop Down Menu Part was inspired on 
http://www.cssplay.co.uk/menus/drop_lists.html

This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_lists.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#ul_main_menu li.single a:hover div {display:block; width:115px; background:#113f57 url('bg_sub_menu.jpg') no-repeat; position:absolute; left:-2px; top:38px; padding-bottom:5px;}

#ul_main_menu li.single:hover div {display:block; width:115px; background:#113f57 url('bg_sub_menu.jpg') no-repeat; position:absolute; left:-2px; top:38px; padding-bottom:5px;}
 
table.dropdown tr td { margin:0px; padding:0px; font-size:0em; height:0; position:absolute; top:0px; left:0; }

#main_menu .single:hover {position:relative;}
#main_menu .single:hover div.subMenu {background:#113f57 url('bg_sub_menu.jpg') no-repeat; width:110px;}

#main_menu :hover div dl {display:inline; padding:0; margin:0; float:left; width:110px;}

#main_menu .single:hover div dl {width:110px;}

#main_menu :hover div dl dd {padding:0; margin:0; clear:both; overflow:hidden;}
#main_menu :hover div dl dd.first { padding-top:8px; }


#main_menu :hover div dd a {display:block; background-color:#113f57; text-decoration:none; font-weight:normal; font-size:11px; color:#eaf1f5; text-indent:4px; height:22px; width:110px; line-height:22px; }

#main_menu :hover div dd a:hover {text-decoration:underline;}

/* ================================================================ 
 End of drop down
=================================================================== */
	
	
	
	
	#top_where_are_you { width:530px; height:45px; margin:0px; padding:0px; position:absolute; left:365px; top:64px; display:block; }
	#top_where_are_you a { font-weight:bold; line-height:45px; }
	#top_where_are_you a:hover {text-decoration:underline; }
	
	#sub_columns { width:898px; margin:0 auto 0 auto; margin:0px; padding:0px; overflow:hidden; }
	
	#sub_left_column { width:355px; display:inline; float:left; margin:0px; padding:0px; text-align:left; background:none; }
	#sub_right_column { width:543px; float:left; margin:0px; padding:0px; background:url('bg_sub_right_column.gif') repeat-y; text-align:left; clear:right; 
		/* fast min-height hack*/
				min-height:460px;
				height:auto !important;
				height:460px;
		/*end of hack*/
	
	 }
	
	#top_quote { width:355px; height:239px; text-align:left; margin:0px; padding:0px; float:left; }
	#top_quote p { padding:0 16px 0 0; margin:6px 0 0 0; line-height:14px; }
	
	#top_bannner { width:543px; height:239px; text-align:left; margin:0px; padding:0px; float:left;}
	
	#top_banner_sub { background:url('ban_advanced_printing_solution_sub.jpg') no-repeat; width:543px; height:84px; text-align:left; margin:0px; padding:0px; float:left;}
	
	
	ul.ul_left_menu { width:316px; margin:0px; padding:0px; display:block; list-style:none; }
	ul.ul_left_menu li { width:316px; margin:0px; padding:0px; list-style:none; display:block; background:url('ul_left_menu_middle.gif') no-repeat; height:32px; }
	ul.ul_left_menu li.first { width:316px; margin:0px; padding:0px; list-style:none; display:block; background:url('ul_left_menu_top.gif') no-repeat; height:33px; }
	ul.ul_left_menu li a { display:block;height:32px; line-height:32px; border:0px; font-weight:bold; text-indent:20px; }
	ul.ul_left_menu li a:hover { text-decoration:underline; }
	
	
	#sub_right_column .product_desc_box { width:500px; margin:40px auto 20px auto; display:block; clear:both; overflow:hidden; }
	.product_desc_box p { float:right; text-align:left; width:288px; margin:8px 0 10px 0; } 
	.product_desc_box2 h1 {float:right; }
	.product_desc_box img { float:left; margin-top:10px; }
	img.img_recycled { margin:10px auto 10px 10px; }
	
	ul.ul_product_desc_list { margin:0px; padding:0px; list-style:none; float:right; text-align:left; width:288px;}
	ul.ul_product_desc_list li { margin:0; padding:0; background:url('ul_product_desc_list.gif') no-repeat 0 5px; line-height:16px; padding-left:12px; }
	
#wrap_middle {width:100%; background:url('bg_middle.gif') repeat-x top center; height:326px; margin:0px; padding:0px; display:block; clear:both; background-color:#EBF2F6 }

	#wrap_middle #left { width:355px; height:280px; float:left; display:inline; margin:0px; padding:0px; text-align:left; }
	#wrap_middle #left #risograph_box { width:355px;  padding:0px; margin:0px; display:block; overflow:hidden;  }
	#risograph_box p {text-align:left; margin-bottom:10px; }
	#risograph_box img { border:none; outline:none; float:right; margin:5px 8px 10px 15px; display:inline; }
	

	
	
	#copiers_box { width:259px; height:280px; float:left; display:inline; margin:0px; padding:0px; text-align:left; }
	#copiers_box p { text-align:left; margin:12px 0 0px 10px; }
	#copiers_box p.strong { line-height:20px; margin-top:10px; }
	#copiers_box  img { border:none; outline:none; float:right; margin:1px 4px 10px 8px; display:inline; }
	#copiers_box a { font-weight:bold; line-height:20px; }
	#copiers_box a:hover { text-decoration:underline; }
	
	
	#wrap_middle #right { width:284px; height:280px; float:right; display:inline; margin:0px; padding:0px; text-align:left; }
	
	#services_box  p { text-align:left; margin:12px 0 0px 10px; width:260px; }
	#testimonial_box { width:284px; display:block; }
	#testimonial_box a.ban_clients_say { display:block; background:url('ban_clients_say.gif') no-repeat; width:284px; height:78px; text-align:left; text-indent:-9999px; overflow:hidden; outline:none; }
	
	
	
	
	/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
	/*  contact us					*/
	/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
	#sub_right_column .contact_box { width:500px; margin:40px auto 20px auto; display:block; clear:both; overflow:hidden; 
		/* fast min-height hack*/
					min-height:230px;
					height:auto !important;
					height:230px;
		/*end of hack*/ }
	
	
#footer_100 { width:100%; background:#ebf2f6; padding-bottom:20px; }
#footer { width:898px; height:46px; margin:0px auto 0 auto; padding:0px; background:#ebf2f6; }
#footer #f_left { width:614px; height:46px; display:inline; float:left; margin:0px; padding:0px; text-align:left; } 
#f_left a { margin:0px; text-align:left; padding:0px 5px; display:inline; line-height:46px; height:46px; outline:none;}
#f_left a:hover { text-decoration:underline; }	

#footer #f_right { width:284px; height:46px; display:inline; float:right; margin:0px; padding:0px; text-align:right; line-height:46px; color:#6593ab; } 
	
#copyright { width:898px; height:20px; line-height:20px; margin:0px auto 40px auto; padding:0px; text-align:right; color:#a3becd; background:#ebf2f6;  }
#copyright a {color:#a3becd; }
#copyright a:hover { color:#497c97;  }


#footer_sub_bg { background:#ebf2f6 url(bg_footer_sub.gif) no-repeat center top; height:260px; width:100%; }
#footer_sub_brands { width:898px; margin:0 auto; height:78px; display:block; overflow:hidden; clear:both; padding-top:10px; }
	
	
/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
/*  testimonial styles (popup)  */
/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
#test_wrap { width:616px; margin:0px 0 0 20px; padding:0px; overflow:hidden; display:block; }
#test_header { width:616px; height:109px; display:block; overflow:hidden; } 
#test_header a.logo { display:block; width:357px; height:109px; background:url('logo.jpg') no-repeat 2px 0px; text-indent:-9999px; overflow:hidden; outline:none; }
	h2.h_testimonials { width:115px; height:24px; background:url('h_testimonials.gif') no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:18px 0 18px 10px; display:block; }
	
	.testimonial_box { width:600px; margin:0 auto 30px auto; padding:0px; display:block; overflow:hidden; text-align:left; }

	h1.h_testimonial_title { font-size:12px; width:290px; font-weight:bold; line-height:21px; padding-left:4px; margin:12px 0 10px 0; } 
	.testimonial_box hr {width:600px; height:1px; padding:0; border:none 0; border-top:#5bd1e7 1px solid; display:block; clear:both;}
	.testimonial_box p { padding:4px 4px; margin:0; }
	
	
	
.cl{clear:both;line-height:1px;height:1px;font-size:1px; margin:0px; padding:0px;}

.button_riso{float:left; margin:14px 0 0 0;}
.button_copiers{float:left; margin:14px 0 0 10px;}

#footerscroll {width:888px; height:40px; margin:0px auto 0px auto; padding:10px 5px 0px 5px; background:#ebf2f6; overflow-x:hidden; overflow-y:scroll; clear:both; text-align:justify;}

.tablebox {width:155px; height:20px; float:left; border:#00CCFF solid 1px; padding:10px 0px 0px 5px;}

		
/* player container */
div.player {
	height:200px;
	width:280px;
	border:2px solid #fff;
	outline:1px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin:15px;
}

/* play button */
div.player img {
	margin:30px auto auto auto
}

/* info area */
div.player div.info {
	height:40px;
	background:#000;
	opacity:0.7;
	color:#fff;
	margin:30px 0 0 0;
	text-align:left;
	padding:5px 15px;	
	font-size:12px;
	border-top:1px solid #ccc;
}

/* duration data inside info area */
div.player div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}

		
/* player container */
div.smallplayer {
	height:150px;
	width:190px;
	border:1px solid #fff;
	outline:1px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;margin:5px 0 5px 2px
}

/* play button */
div.smallplayer img {
	margin:5px auto auto 55px}

/* info area */
div.smallplayer div.info {
	height:40px;
	background:#000;
	opacity:0.7;
	color:#fff;
	margin:90px 0 0 0;
	text-align:left;
	padding:5px 15px;	
	font-size:12px;
	border-top:1px solid #ccc;
}

/* duration data inside info area */
div.smallplayer div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}

div.playeryoutube {    
	-moz-outline-radius: 4px 4px 4px 4px;
    border: 2px solid #FFFFFF;
    cursor: pointer;
    float: left;
    margin: 15px;
    outline: 1px solid #333333;
    text-align: center;}
div.playeryoutube  div.info {
	height:40px;
	background:#000;
	opacity:0.7;
	color:#fff;
	margin:0;
	text-align:left;
	padding:5px 15px;	
	font-size:12px;
	border-top:1px solid #ccc;
}

