/****************************************/
/* client */
/* Copyright (c) The Worx Group - 2008 */
/* base.css */
/****************************************/
img	{ border:0px; }
img, div, input { behavior: url("/style/iepngfix.htc"); }
.clear { clear:both; }
form { margin:0; }

body { margin:0; padding:0 0 20px 0; text-align:center; min-width:666px; background:#FFF; font:normal 10px verdana; }
p { margin:8px 0; }
ul { margin:8px 0; }
ul ul { margin-top:2px; }
li { list-style-type:disc; margin-left:25px; }
ol li { list-style-type:decimal; margin-left:20px; }
li li { list-style-type:circle; }
h1 { margin:8px 0; padding:0 0 4px 0; font-size:17px; font-weight:bold; font-style:italic; color:#813091; }
h2 { margin:8px 0; padding:0 0 4px 0; background:url(/images/background_h1.gif) bottom right no-repeat; font-size:12px; font-weight:bold; color:#036ba7; }
h3 { margin:8px 0; font-weight:bold; color:#813091; }
a { color:#036ba7; text-decoration:underline; }
a:hover { color:#000; }
strong { font-weight:bold; }

/****************************************/
/* common */
/****************************************/
.wrapper { width:666px; margin:0 auto; text-align:left; border:1px solid #4b8ebb; }
.hp { background:url(/images/background_wrapper_hp.gif) repeat-y; }
.int { background:url(/images/background_wrapper_int.gif) repeat-y; }
	.header {  }
		.header div.bar { widht:100%; height:8px; border:1px solid #4b8ebb; border-width:1px 0; background:url(/images/header_bar.gif) repeat-x; }
	.sidebar { float:left; width:178px; background:#d9d9d9; }
		.sidebar ul { padding:20px 0 0 0; margin:0 8px; }
			.sidebar li { list-style-type:none; margin:0; padding:2px 0; }
			.sidebar li a { color:#005f8a; text-decoration:none; font-weight:bold; }
			.sidebar li a:hover { color:#000; text-decoration:underline; }
		.sidebar div { text-align:center; padding:20px 0; margin:0 8px; border-bottom:1px solid #bbbec0; } 
		.sidebar div.contact { text-align:left; color:#333333; }
	.footer { border-top:20px solid #4b8ebb; background:#d9d9d9; padding:10px 8px; color:#333; }
		.footer li { display:inline; padding:0; margin:0; }
		.footer a { color:#000; }
		.footer a:hover { color:#036ba7; }
				
/****************************************/
/* homepage */
/****************************************/
.hp div.page { float:left; width:488px; }
	.hp div.page div.printer { float:left; }
	.hp div.page div.middle { border:1px dashed #4b8ebb; border-width:0 1px; }
	.hp div.page div.left { float:left; width:293px; padding:15px 8px; border-right:1px solid #cacbcb; }
	.hp div.page div.right { float:left; width:162px; padding:15px 8px; }
	div.breaker { width:100%; height:1px; margin:5px 0; background:url(/images/background_breaker.gif) right no-repeat; }
		
/****************************************/
/* internal page */
/****************************************/
.int div.page { float:left; width:472px; padding:20px 8px; }
	.int div.page div.printer { margin:25px 0; }
		.int div.page div.printer img.printer { float:left; border:1px solid #000; }
		.int div.page div.printer div.content { float:left; width:310px; padding-left:10px; }
			.int div.page div.printer div.content p {  margin:0; }
			.int div.page div.printer div.content ul { float:left; padding:8px 0; }
			.int div.page div.printer div.content img.rohs { float:left; margin-left:20px; }

/****************************************/
/* downloads */
/****************************************/
ul.download_nav {  }
	ul.download_nav li { display:inline; margin:0; padding:0; line-height:16px; }
table.download { border:1px solid #d6d3d3; padding:3px; width:100%; font-size:11px; }
	table.download th, table.download td { padding:3px; }
	table.download thead tr th { }
	table.download thead tr th.header { border:1px solid #FFF; border-bottom-width:4px; background:#e6e6e6 url(/new/images/bg.gif) center right no-repeat; padding-right:18px; }
	table.download tr { }
	table.download tr:hover { background-color:#F0F0F6; }
	table.download tbody td { vertical-align:top; border-top:1px solid #FFF; border-bottom:1px solid #FFF; }
	table.download tbody tr:hover td { border-color:#d6d3d3; }
	table.download tbody tr.odd td { background-color:#F0F0F6; }

/****************************************/
/* faq */
/****************************************/
div.answer { border:1px dashed #813091; background:#F0F0F6; padding:0 8px; margin-bottom:25px; }
				
/****************************************/
/* sales */
/****************************************/
.int div.page div.office { margin:25px 0; position:relative; }
	.int div.page div.office img.map { position:absolute; top:30px; right:15px; }
		
/****************************************/
/* contact form */
/****************************************/
.contact_form { padding:0; margin:0; }
	.contact_form ul { padding:0; margin:0; clear:left; }
	.contact_form li { list-style-type:none; padding:4px 0; margin:0; clear:both; }
		.contact_form li label { float:left; display:block; width:125px; padding-top:0.1em; }
		.contact_form li .mandatory { font-weight:bold; }
		.contact_form input, .contact_form select, .contact_form textarea  { font-family:inherit; font-size:10px; }
			.contact_form input.text { width:260px; border:1px solid #000; }
			.contact_form input.button { border:1px solid #000; background-color:#FFF; margin-right:5px; }
		.contact_form select { font-family:inherit; border:1px solid #000; background-color:#FFF; width:260px; }
		.contact_form textarea { font-family:inherit; border:1px solid #000; background-color:#FFF; width:260px; height:70px; }
		.contact_form div.application { padding-top:15px; }
			.contact_form div.application div.left { float:left; width:236px; }
			.contact_form div.application div.right { float:left; width:236px; }