/*	( template update 15 Dec 2007 // v1.2 )




/*	global
	----------------------------------------- */
	*{margin:0; padding:0; }
	a{ outline: none; color: #1c1c1c; }
	a img{ border: 0; }
	a:hover{ color: #8A4E18; }
	html, body{ margin:0!important; padding:0!important; font: 11px Arial, Helvetica, sans-serif; }
	body{ background: #eaeaea; }
	#page-container{ width: 772px; margin: 0 auto; }

		#logo{ padding: 20px 0 15px 40px; }
		#logo a{ width: 201px; height: 44px;  text-indent: -9999px; display: block; background: url("../images/logo.gif") no-repeat center center; }
		#content{ width: 760px; margin: 0 auto;  padding: 12px 6px; background: #fff url("../images/shadow-top.gif") no-repeat 50% 6px; position: relative; }
			#sidebar{ width: 203px; float: left; }
				#navigator{ width: 191px; height: 221px; font-size: 1.1em; padding: 3px 0 0 12px;}
			#text{ width: 520px; padding: 15px 17px 15px 20px; background: url("../images/shadow1.gif") no-repeat right top; float: left; }
		#footer{ padding: 10px 40px; }

		h1, h2, h3, p{ font-size: 1em; }
		#text h1, #text h2, #text h3{ margin-bottom: 10px; }
		#text h1{ font-size: 1.3em; }
		#text h2{ font-size: 1.2em; }
		h1 a, h2 a{ text-decoration: none; }
		p{ margin-bottom: 10px; }

/*	header & navigation
	----------------------------------------- */

	.topnav{ width: 772px; height: 19px; background: url("../images/bg-topnav.gif") no-repeat left top; text-align: center; padding-top: 3px; }
	.topnav li{ display: inline; padding: 0 10px; /*border-left: 1px solid #fff;*/ }
	.topnav li.first{ border: 0; }
	.topnav li a{ color: #fff; font-weight: bold; text-decoration: none; }
	.topnav li a:hover{ color: #fff; text-decoration: underline; }

	#navigator{ background: url("../images/shadow-nav.gif") no-repeat left top;  }
	#navigator li{ display: block; list-style: none; float: left; width: 191px; margin: 0 0 1px 0; position: relative; z-index: 9; }

	#navigator li a{ display: block; color: #fff; background: url('../images/bg-leftnav-link.gif') no-repeat left top; height: 19px; padding: 3px 0 0 15px; text-decoration: none; }
	#navigator li a:hover{ background: url("../images/bg-leftnav-link_over.gif"); font-weight: bold; color: #fff; }
	#navigator li.sub a{ background: url("../images/bg-leftnav-link-sub.gif"); }
	#navigator li.sub a:hover{ background: url("../images/bg-leftnav-link-sub_over.gif"); }

	/* styling sub-menus */
	#navigator li ul{ position: absolute; left: 100%; top: 0; z-index: 11; display: none; padding: 1px; }
	#navigator li li{ border: 1px solid #fff; margin: -1px 0 0 0 ; width: 280px; font-size: .9em; position: static; z-index: 99; }
	#navigator li li a, #navigator li.sub li a{ background: #5b010f; width: auto; height: auto; padding: 4px 10px; }
	#navigator li li a:hover, #navigator li.sub li a:hover{ background: #A41400; font-weight: normal; }

/*	content
	----------------------------------------- */

	#subhead{ height: 63px; background: url("../images/grad-subhead.gif") repeat-x top; padding: 15px; position: relative; margin-bottom: 40px; }
	#subhead h2{ color: #00d2ff; font-size: 1em; margin: 0; }
	#subhead p{ color: #fff; font-weight: bold; margin-bottom: 4px; }
	#subhead .img{ position: absolute; right: 38px; top: -79px;  width: 193px; height: 208px; display: block; background: url("../images/big-clock.png") no-repeat left top; }

	dl dt, dl dd{ width:49%; float: left; margin: 3px 0; }
	ol{ list-style: decimal; margin-left: 20px; margin-bottom: 10px; }

	/* boxes */
	.box{ margin: 0 auto 10px; padding: 20px; }
	#page-container .box h2{ position: relative; top: -20px; margin: 0 -20px; padding: 3px 10px 3px 20px; background: url("../images/bullet1.gif") no-repeat 10px 50%; font-size: 1em; }

	.blue-box{ border: 1px solid #004c7a; background: #fff url("../images/grad-blue.gif") repeat-x top; }
	.blue-box h2{  color: #fff; border-bottom: 1px solid #004c7a; }

	.red-box{ border: 1px solid #570010; background: #fff url("../images/grad-red.gif") repeat-x top; }
	.red-box h2{  color: #fff; border-bottom: 1px solid #570010; }

	.gray-box{ border: 1px solid #d6d6d6; background: url("../images/grad-gray.gif") repeat-x top; padding: 10px; }
	#page-container .gray-box h2{  color: #333; border-bottom: 1px solid #d6d6d6; background: none; padding: 3px 10px; top: -10px; margin: 0 -10px 0; }

	.box h2 .more{ display: block; float: right; width: 35px; height: 5px; text-indent: -9999px; font-size: 1px; position: relative; top: -9px; }
	.blue-box .more, .red-box .more{ background: url("../images/more-white.gif") no-repeat left top; }
	.gray-box .more{ background: url("../images/more-gray.gif") no-repeat left top;}

	.gray-box .news li{ margin-bottom: 10px; padding: 0 0 10px 0; border-bottom: 1px solid #e6e6e6; }
	.gray-box .news{ margin: 0;}

	.news{ margin-bottom: 10px; }
	.news li{ display: block; list-style: none; padding: 8px 0; width: 100%; float: left; }
	.news li span{ float: left; display: block; width: 80px; color: #8A4E18;  }
	.news li a{ margin-left: 80px; display: block;  }


	.table1{ margin-bottom: 10px;  }
	.table1 thead tr{ background: #d6d6d6;  }
	.table1 tbody tr{ background: #EFEFEF; }
	.table1 td, .table1 th{ padding: 6px; border-color:#fff; }
	.table1 th{ vertical-align:top; text-align:center; }

	.box .table1{ margin: -20px -20px 10px; width: 518px;}
	.features-list .table1{ width: 100%; }

	.tabs{ border-bottom: 1px solid #004C7A; margin-bottom: 10px; }
	.tabs li{ display: block; float: left; margin-right: 1px; position: relative; left: 15px; }
	.tabs li a{display: block; padding: 6px 10px 2px; background: url("../images/tabs_normal.gif") repeat-x bottom; color: #666; font-weight: bold; text-decoration: none; }
	.tabs li a:hover, .tabs li a.on{ background: url("../images/tabs_over.gif") repeat-x bottom; color: #fff; }
	.page-mccs .tabs li a:hover, .page-mccs .tabs li a.on{ background: url("../images/tabs_over_red.gif") repeat-x bottom; }

	.features-list li{ display: block; list-style: none; border-bottom: 1px solid #b4b4b4; padding: 10px 0; float: left; width: 100%; }
	.features-list li h2{ background: url("../images/arrow2.gif") no-repeat left 5px; padding-left: 12px; color: #004675; }
	.page-mccs .features-list li h2{ color: #570010; }
	.features-list li .pic{ width: 180px; float: left; }
	.features-list li .text{ width: 300px; float: left; }

	#text h1.page-title{ background: url("../images/grad-gray.gif") repeat-x top; font-size: 1em; padding: 4px 5px; }

	.page-faq #content{ background: none; }
	.page-faq #page-container{ margin: 10px auto; }
	.page-faq h3, .page-faq p, .page-faq ul, .page-faq ol{ margin-bottom: 10px;}
	/*	sidebar(s)
	----------------------------------------- */
	#free-trial{ background: url("../images/shadow2.gif") no-repeat right top; padding: 20px 7px 0 7px; }
	#free-trial h3{ border-bottom: 3px solid #d4d4d4; padding: 3px; }
	#free-trial h2{ text-indent: -9999px; }
	#free-trial li{ list-style: none; padding: 10px 5px; border-bottom: 1px solid #d4d4d4;  display: block; clear: both; }
	#free-trial .btn-download{ float: right; position: relative; top: -23px; }

		#trial-mc{ background: url("../images/logo-mc.gif") no-repeat left top; width: 109px; height: 24px; }
		#trial-mccs{ background: url("../images/logo-mccs.gif") no-repeat left top; width: 108px; height: 24px; }

	#subscribe{ background: #efefef; margin: 10px 7px; padding: 10px 5px; }
	#subscribe p{ margin-bottom: 5px; }
	#subscribe input.text{ background: #cbcbcb; padding: 3px 4px; font-size: 1em; }
	#subscribe input{ border: 0; padding: 2px 4px; }

/*	forms
	----------------------------------------- */
/*
	form label{ display: block; float: left; }
	form label span, form label input{ display: block; float: left; }
	form .submit{}
	form .submit input{}
*/


/*	footer
	----------------------------------------- */

	#footer h1 a{ display: block; width: 191px; height: 42px; background: url("../images/footer-logo.gif") no-repeat left top; text-indent: -9999px; }
	#footer p{ float: right; position: relative; top: 15px; }

/*____________________________________________*/
/*	clearfix
	----------------------------------------- */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;} .clearfix {display: block;}
	/* End hide from IE-mac */



/*	site-wide classes
	----------------------------------------- */
	.clear{ clear: both; }
	.b{ font-weight: bold; }
	.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
	.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }
	.fl{ float: left; } .fr{ float: right; }

	.w165{ width: 165px; }
	.w200{ width: 200px; }
	.w300{ width: 300px; }

	.blue{ color: #004675; }
	.red{ color: #570010; }
	.gray{ color: #808080;}

	.btn-download{ background: #980906 url("../images/btn-download.gif") no-repeat left top; color: #fff; font-size: 10px; padding: 3px 5px 3px 15px; }
	.btn-more{ background: #980906 url("../images/btn-more.gif") no-repeat left top; color: #fff; font-size: 10px; padding: 3px 5px 3px 18px; }
	.btn-purchase{ background: #980906 url("../images/btn-purchase.gif") no-repeat left top; color: #fff; font-size: 10px; padding: 3px 5px 3px 18px; }
	.btn{ background: #980906 url("../images/btn-normal.gif") no-repeat top left; color: #fff; font-size: 10px; padding: 3px 5px 4px; }
	.btn, .btn-download, .btn-more, .btn-purchase{ text-decoration: none; }
	.btn:hover, .btn-download:hover, .btn-more:hover, .btn-purchase:hover{ text-decoration: none; color: #fff; }
	.price{ background: url("../images/icon_unlock.gif") no-repeat left top; padding: 2px 0 2px 21px; }
	.arrow{ background: url("../images/arrow1.gif") no-repeat 0 5px; padding-left: 8px; }

	.small-dots li{ background: url("../images/bullet2.gif") no-repeat left 7px; padding-left: 10px; display: block; list-style: none; margin: 3px 0; }

	.arrow2{ background: url("../images/arrow2.gif") no-repeat left 5px; padding-left: 12px; }
	h3.arrow2{ margin: 10px 0 5px 0; color:#570010; font-size: 1.1em; }

	#btn-top{ display: block; width: 17px; height: 40px; background: url("../images/btn-top.gif") no-repeat left top; text-indent: -9999px; position: absolute; right: -17px; bottom: 40px; }

	.page-faq .close{ text-align: center; margin-top: 20px; }