/****************************************/
/* compserv */
/* copyright (c) the worx group - 2009 */
/* base.css */
/****************************************/
img	{ border:0px; }
img, div, input { behavior: url("/style/iepngfix.htc"); }
.clear { clear:both; }
form { margin:0; }



a { cursor:pointer; text-decoration:none; color:#0076b9; }
a:hover { color:#000; text-decoration:underline; }
img.arrows_ffffff { position:relative; top:-1px; left:3px; }
a.arrows_0076b9 { color:#0076b9; text-transform:uppercase; font-size:11px; font-weight:bold; background:url(/images/arrows_right_0076b9.gif) 0 4px no-repeat; padding-left:8px; }
a.arrows_0076b9:hover { color:#000; background:url(/images/arrows_right_000000.gif) 0 4px no-repeat; }


h1 { font-size:20px; margin-bottom:10px; color:#0076b9; }
h2 { font-size:18px; margin:30px 0 5px 0; color:#2ba69d; text-transform:uppercase; border-bottom:1px solid #2ba69d; padding-bottom:3px; }
h3 { font-size:13px; font-weight:bold; margin:5px 0; color:#2ba69d; text-transform:uppercase; }
h4 { font-size:18px; margin-bottom:10px; color:#6ab961; padding:5px 0; border:1px solid #6ab961; border-width:1px 0; }
p { margin:0 0 12px 0; }
ul { margin:0 0 12px 15px; list-style-type:disc; }
ol { margin:0 0 12px 20px; list-style-type:decimal; }
ul ul { margin:5px 0 12px 25px; list-style-type:circle; }
li { margin:0 0 5px 0; }
strong { font-weight:bold; }
em { font-style:italic; }


body { margin:0; padding:0; text-align:center; min-width:980px; background:#FFF url(/images/background.jpg) 0 0 repeat-x; font:normal 12px arial; color:#303030; }
	div.wrapper { width:960px; margin:0 auto; text-align:left; position:relative; background:#FFF; padding:15px 10px; }
		div.shadow-left { position:absolute; top:0px; left:-10px; background:url(/images/shadow_left.png) 0 0 no-repeat; width:10px; height:650px; }
		div.shadow-right { position:absolute; top:0px; right:-10px; background:url(/images/shadow_right.png) 0 0 no-repeat; width:10px; height:650px; }

body.popup { min-width:730px; padding:15px; }
	body.popup div.wrapper { width:700px; padding:15px; }
	body.popup div.wrapper p { margin:10px 0; }

		
div.header { margin-bottom:10px; position:relative; z-index:9; width:960px; }
	img.logo, div.logo { float:left; }
	div.customer_portal { text-align:right; text-transform:uppercase; font-size:11px; }
	ul.nav {text-transform:uppercase; font-size:11px; font-weight:bold; margin:65px 0 0 0; }
		ul.nav li { display:inline; float:right; position:relative; }
		ul.nav li a { margin:0 10px; color:#585858; padding-top:3px; }
		ul.nav li.active a { color:#76bf6e; text-decoration:none; border-top:2px solid #76bf6e; }
	
		
		ul.nav li ul { display:none; list-style-type:none; position:absolute; top:12px; left:-6px; width:150px; padding:8px 4px 4px 4px; text-align:left; background:#FFF; margin:0; }
		ul.nav li.active ul li { float:none; }
		ul.nav li.active ul li a { border:0; display:block; padding:4px; color:#000; }
		ul.nav li.active ul li a:hover { border:0; text-decoration:underline; }
		
div.page { background:url(/images/bg_gradient.gif) 0 0 no-repeat; padding:15px 0 0 0; }
	div.page div.main { float:left; width:710px;  }
		div.page div.main div.title { padding:20px; background:#0076b9; color:#FFF; }
		div.page div.main div.title h1 { color:#FFF; }
		div.page div.main div.title h2 { color:#FFF; border:0; text-transform:none; margin:5px 0; }
		div.page div.main div.content { padding:20px; }
		
	div.page div.sidebar { float:right; width:210px; padding:15px; background:url(/images/bg_callout.gif) 0 0 repeat-x; position:relative; }
		div.page div.sidebar img.corner { position:absolute; top:0; right:0; }
		
ul.news { margin-left:0; list-style-type:none; }
	ul.news li { margin:0 0 18px 0;  }
	ul.news h3 { font-size:12px; color:#000; text-transform:uppercase; margin:2px 0; }
	ul.news p { margin:0 0 2px 0; }

table.products { background:url(/images/bg_gradient.gif) 0 0 no-repeat; padding:15px 0 0 0; width:100%; margin:15px 0;  }
	table.products td { padding:0 9px; vertical-align:middle; margin:0px; }
	
div.footer { border-top:1px solid #c8c9c9; color:#545454; font-size:11px; }
	div.footer p { margin-top:3px; }
	div.footer a { color:#545454; }				
	div.footer a:hover { text-decoration:underline; }
	
/* contact form */
form.contact { float:left; width:380px; }
	form.contact fieldset { border:1px solid #0076b9; padding:10px 20px 20px 20px; }
	form.contact legend { border:1px solid #0076b9; padding:2px 5px; font-weight:bold; }
	form.contact td { padding:0 0 8px 0; }
	form.contact label { cursor:pointer; margin-right:25px; }
	form.contact input.text, form.contact textarea, form.contact select { cursor:pointer; background:url(/images/bg_input.gif) 0 0 no-repeat; border:1px solid #0076b9; padding:2px; font-family:arial; font-size:12px; }
	form.contact input.text { width:210px; }
	form.contact textarea { width:320px; }
	form.contact div.submit { text-align:center; }
		form.contact div.submit input { cursor:pointer; color:#0076b9; text-transform:uppercase; font-size:11px; font-weight:bold; background:url(/images/arrows_right_0076b9.gif) 0 5px no-repeat; padding-left:8px; border:0; font-family:arial; }
		form.contact div.submit input:hover { color:#000; background:url(/images/arrows_right_000000.gif) 0 5px no-repeat; }

/* products / partners page */
div.partners { margin:15px 0; }
div.partners div.partner { float:left; }
div.partners div.active { border:1px solid #999; border-width:1px 0; padding:10px 0 0px 0; margin:10px 0; }
	div.partners div.partner img { cursor:pointer; }
	div.partners div.partner div.hidden { float:none; display:none; }

div.var500 { width:44px; position:absolute; left:260px; top:3px; }