/**************************************************************************************************
***************************************************************************************************
BASIC ELEMENTS
***************************************************************************************************
***************************************************************************************************/


.enableJS 										{border: 2px solid #000000; color:#ff0000; font-weight:bold; text-align:center;}
div.row 											{clear: both; padding: 5px 0px;}
div.row span.left 							{float: left; text-align: left;}
div.row span.right 							{float: right; text-align: right;}
.left 												{float:left;}
.right 											{float:right;}
.spacer 											{clear: both;}
.textcenter 									{text-align:center;}
.textleft 										{text-align:left;}
.textright 										{text-align:right;}
.pad5 											{padding:5px;}

/**************************************************************************************************
***************************************************************************************************
TABLES
***************************************************************************************************
***************************************************************************************************/
th													{color: #000000; width: 200px; text-align: center}
td													{}
td a:link										{color: #394A58;}
td a:visited									{color: #394A58;}
td a:hover										{color: #92D400;}

/**************************************************************************************************
***************************************************************************************************
FORMS
***************************************************************************************************
***************************************************************************************************/
.auto_form 										{width: 530px; padding: 20px; float: left;}
.auto_form .form_input 					{float: left; border: 1px solid #000000;}
.auto_form .form_input-highlighted 	{float: left; border: 1px solid #000000;}
.auto_form div.row span.label_col 		{color: #000000; border: none; font-size: 12px; float: left; width: 200px;	height: 14px; text-align: right; margin: 0px;}
.auto_form div.row span.input_col 	{float: left; width: 190px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 10px; padding: 0px 10px 0px 0px;}
.auto_form input[type='text'] 			{width: 200px;}
.auto_form input[type='button'] 		{width: 200px; color: #000000; margin-left: 220px;}
.auto_form input[type='password'] 	{width: 200px;}
.auto_form select 								{width: 208px; float: right;}
.auto_form textarea 							{font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 200px;}
.auto_form .submit_div 					{text-align: center; padding-top: 10px; height: auto; float: left;}
.auto_form fieldset legend					{margin-left: 50px; font-weight: bold; font-size: 16px;}

/**************************************************************************************************
***************************************************************************************************
LAYOUT
***************************************************************************************************
***************************************************************************************************/
/**define your sites layout style here**/
* html {padding:0; margin:0;}
body {padding:0; margin:0; font-family:arial; line-height:18px; font-size:12px; color:#394A58;}
.wrapper {width:890px; margin:0 auto;}
.top_left_nav ul {padding:0; margin:0;}
.top_left_nav li {display:inline; margin-right:10px; border-right:1px solid #fff; padding-right:15px;}
.top_left_nav {float:left; width:640px; color:#fff; font-size:14px;}
ul .last {border-right:none;}

a {color:#394A58; text-decoration:none;}
a:hover {color:#92D400; text-decoration:none;}

.top_left_nav a {color:#fff; text-decoration:none;}
.top_left_nav a:hover {color:#394A58; text-decoration:none;}
.top_right_nav a {color:#394A58; text-decoration:none;}
.top_right_nav a:hover {color:#fff; text-decoration:none;}

.foot a {color:#fff; text-decoration:none;}
.foot a:hover {color:#92D400; text-decoration:none;}

.foot .right_left_links a:hover {color:#394A58;}
.foot .right_right_links a:hover {color:#394A58;}

h1 {padding:0; margin:0;}

.right_links_content a {color:#394A58; text-decoration:none;}
.right_links_content a:hover {color:#92D400; text-decoration:none;}

.top_right_nav ul {padding:0; margin:0;}
.top_right_nav li {display:inline; margin-right:10px; border-right:1px solid #394A58; padding-right:15px;}
.top_right_nav {float:left; color:#394A58; font-size:14px; width:250px;}
ul .last {border-right:none;}
.top_navigation {padding-top:12px; height:30px; width:890px;}
.header {width:890px; height:162px;}
.left_header {float:left; width:339px; padding-top:20px;}
.right_header {float:left; }
.main_navigation {float:right;}

.products_services {float:left;}
.updates {float:left;}
.reseller {float:left;}
.quotes {float:left;}
.our_clients {float:left;}
.contact_us {float:left;}

.products_services a {display:block; width:192px; background:url(../../graphics/products.jpg) no-repeat; height:51px;}
.updates a {display:block; width:84px; background:url(../../graphics/updates.jpg) no-repeat; height:51px;}
.reseller a {display:block; width:92px; background:url(../../graphics/reseller.jpg) no-repeat; height:51px;}
.quotes a {display:block; width:84px; background:url(../../graphics/quotes.jpg) no-repeat; height:51px;}
.our_clients a {display:block; width:107px; background:url(../../graphics/our_clients.jpg) no-repeat; height:51px;}
.contact_us a {display:block; width:107px; background:url(../../graphics/contact_us.jpg) no-repeat; height:51px;}

.products_services a:hover {display:block; width:192px; background:url(../../graphics/product_over.jpg) no-repeat; height:51px;}
.updates a:hover {display:block; width:84px; background:url(../../graphics/update__over.jpg) no-repeat; height:51px;}
.reseller a:hover {display:block; width:92px; background:url(../../graphics/reseller_over.jpg) no-repeat; height:51px;}
.quotes a:hover {display:block; width:84px; background:url(../../graphics/quotes_over.jpg) no-repeat; height:51px;}
.our_clients a:hover {display:block; width:107px; background:url(../../graphics/our_clients_over.jpg) no-repeat; height:51px;}
.contact_us a:hover {display:block; width:107px; background:url(../../graphics/contact_us_over.jpg) no-repeat; height:51px;}

.client_comments {height:160px; width:890px;}
.left_block {float:left; font-size:12px; width:210px; margin-right:20px; border-right:1px solid #fff; padding-right:10px; height:171px; color:#394A58;}
.middle_block {float:left; font-size:12px; width:400px; margin-right:20px;  border-right:1px solid #fff; padding-right:10px; height:171px;  color:#394A58;}
.right_block {float:left; font-size:12px; width:210px; height:171px;  color:#394A58;}

.main_blocks h3 {color:#fff; font-size:16px;}

.main {margin-top:20px;}
.midcol {width:640px; float:left; margin-right:20px;}
.rightcol {width:220px; float:left;}
.main h1 {font-size:14px; color:#92D200;}

.latest_news {margin-bottom:20px;}
.quote_request {margin-bottom:20px;}
.buy_online {margin-bottom:20px;}

.right_links {padding-left:5px;}
.right_links_header {background:url(../../graphics/links_header.jpg) no-repeat; width:210px; height:31px;}
.right_links_content {border:1px dotted #000; width:202px;}
.right_links_content ul {list-style-image:url(../../graphics/link_style.jpg); list-style-type:square;}

.foot {height:214px; width:100%; background:url(../../graphics/footer_bg.jpg) repeat-x; padding-top:40px; text-align:center; color:#fff; font-size:11px;}
.left_footer {float:left; margin-right:50px; padding:25px 0; margin-bottom:30px;}
.middle_footer {width:273px; float:left; height:113px; background:url(../../graphics/footer_links_bg.jpg) no-repeat; padding-left:30px; padding-top:30px; margin-right:30px;}
.right_footer {float:left; padding-top:30px;}
.center_foot {width:890px; margin:0 auto;}

.middle_left_links {float:left; text-align:left; color:#fff; border-right:1px dotted #fff; margin-right:20px; padding-right:20px;}
.middle_right_links {float:left;  text-align:left;  color:#fff;}


.right_left_links {float:left; text-align:left; color:#fff; border-right:1px dotted #fff; margin-right:20px; padding-right:20px;}
.right_right_links {float:left;  text-align:left;  color:#fff;}

.comment_name {color:#92D401;font-style:italic;}
.download_guides {height:40px;}
.download_guides a {padding-left:10px; text-decoration:none; color:#394A58;}
.download_guides a:hover {padding-left:10px; text-decoration:none; color:#92D400;}

.update_image {float:left; width: 105px; }
.update_name {float:left; width: 180px; padding-top:25px; }
.update_version {float:left; padding-top:25px; width: 110px; }
.update_date {float:left; padding-top:25px; width: 115px;}
.update_link {float:left; padding-top:25px; width: 90px; }

.client_list { margin-bottom:10px; border:1px dotted #394A58; background:#F0FFCF; padding:6px; }
.client_image {float:left; margin-right:10px; height:70px;}

.main_province { border:1px dotted #394A58; background:#F0FFCF; margin-bottom:10px; padding:5px;}
.main_province a {color:#394A58; text-decoration:none; font-size:14px;}
.main_province a:hover {color:#92D400; text-decoration:none; font-size:14px;}

.client_name {font-size:14px; color:#92D400;}
.client_website a {text-decoration:none; color:#394A58; font-size:11px;}
.client_website a:hover {text-decoration:none; color:#92D400;  font-size:11px;}

.label_col {float:left; width:250px; margin-bottom:15px;}
.input_col {float:left; text-align:center;}
..input_col img {margin-bottom:10px;}
.input_col input {width:240px;}
#message {width:240px;}

.main_article {padding:10px; border:1px dotted #394A58; background:#F0FFCF; margin-bottom:10px;}
.article_image {float:left; margin-right:10px;}
.article_name {font-size:16px; color:#92D400; margin-bottom:10px;}
.article_read_more {font-style:italic; font-size:11px; margin-top:5px;}

.download_location {border-bottom:1px dotted #333; margin-bottom:10px; padding-bottom:10px;}
.licence_key {border-bottom:1px dotted #333; margin-bottom:10px;}

.reseller_list {margin-bottom:10px; border-bottom:1px dotted #394A58; padding-bottom:10px;}

/**************************************************************************************************
***************************************************************************************************
CUSTOM
***************************************************************************************************
***************************************************************************************************/
/**define your custom styles here**/

/**************************************************************************************************
***************************************************************************************************
DIALOGS: FACEBOX
***************************************************************************************************
***************************************************************************************************/
#facebox .b 																						{background:url(images/b.png); }
#facebox .tl 																						{background:url(images/tl.png); }
#facebox .tr 																						{background:url(images/tr.png); }
#facebox .bl 																						{background:url(images/bl.png); }
#facebox .br 																						{background:url(images/br.png); }
#facebox 																							{position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup 																				{position: relative; }
#facebox table 																					{border-collapse: collapse; }
#facebox td 																						{border-bottom: 0; padding: 0; }
#facebox .body 																					{background: #fff; width: 370px; }
#facebox .body .content h1																{padding: 5px; padding-left: 10px; font-size: 18px; background: #92D401; color: #394B59;}
#facebox .body .content p																	{padding: 5px; font-size: 12px; margin: 5px;}
#facebox .body .content li																	{font-size: 12px; margin-left: 15px;}
#facebox .loading 																				{text-align: center; }
#facebox .image 																				{text-align: center; }
#facebox img 																					{border: 0; margin: 0; }
#facebox .footer 																				{padding-right: 5px; padding-top: 0px; text-align: right; height: 28px; background: #92D401; margin-top: 10px;}
#facebox .foot .close																			{margin: 0px; padding: 0px; height: 10px;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br	 						{height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay 																				{position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide	 																				{z-index:-100; }
.facebox_overlayBG 																			{background-color: #000; z-index: 99;}
* html #facebox_overlay 																	{position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

/**************************************************************************************************
***************************************************************************************************
PAGINATION
***************************************************************************************************
***************************************************************************************************/
.pagenav 									{}
.pagenav .previous 					{float:left;}
.pagenav .pages 						{float:right; margin:0 1em;}
.pagenav .next 							{float:right;}

/**************************************************************************************************
***************************************************************************************************
SHOPCART
***************************************************************************************************
***************************************************************************************************/
.shopcart_form 										{}
.shopcart_form .form_input 					{}
.shopcart_form .form_input-highlighted {}
.shopcart_form div.row span.label_col 	{float: left;	width: 0;}
.shopcart_form div.row span.input_col 	{float: left;}
.shopcart_form .spacer 							{}
.listDisplay .totcell 									{border:1px solid #000000; background-color:#eeeeee; text-align:right; font-weight:bold;}
.clearCart 												{text-align:center;}
.checkout 												{margin:10px; padding:10px; border:5px solid #000000;}
.declined 												{margin:10px; 	padding:10px; border:2px solid #000000;}
.approved 												{margin:10px;	padding:10px; border:2px solid #000000;}

/**************************************************************************************************
***************************************************************************************************
CALENDER
***************************************************************************************************
***************************************************************************************************/
/** do not change this **/
img.tcalIcon 											{cursor: pointer; margin-left: 1px; vertical-align: middle;}
div#tcal 												{position: absolute; visibility: hidden; z-index: 100; width: 158px; padding: 2px 0 0 0;}
div#tcal table 										{width: 100%; border: 1px solid silver; border-collapse: collapse; background-color: white;}
div#tcal table.ctrl 									{border-bottom: 0;}
div#tcal table.ctrl td 								{width: 15px; height: 20px;}
div#tcal table.ctrl th 								{background-color: white; color: black; border: 0;}
div#tcal th 											{border: 1px solid silver; border-collapse: collapse; text-align: center; padding: 3px 0; font-family: tahoma, verdana, arial; font-size: 10px; background-color: gray; color: white;}
div#tcal td 											{border: 0; border-collapse: collapse; text-align: center; padding: 2px 0; font-family: tahoma, verdana, arial; font-size: 11px; width: 22px; cursor: pointer;}
div#tcal td.othermonth 						{color: silver;}
div#tcal td.weekend 								{background-color: #ACD6F5;}
div#tcal td.today 									{border: 1px solid red;}
div#tcal td.selected 								{background-color: #FFB3BE;}
iframe#tcalIF 										{position: absolute; visibility: hidden; z-index: 98; border: 0;}
div#tcalShade 										{position: absolute; visibility: hidden; z-index: 99;}
div#tcalShade table 								{border: 0; border-collapse: collapse; width: 100%;}
div#tcalShade table td 							{border: 0; border-collapse: collapse; padding: 0;}

.ray_cont_left { float:left; width:331px; }
.ray_cont_right { float:left; width: 300px; margin-top:-25px; }