﻿/* NAVIGATION STYLES */
	#HeaderNav a { color: #ffffff; font-size: 15px; font-weight: bold; text-decoration: none; }
	#TopNav { list-style: none; padding: 0; margin: 0; height: 30px; position: relative; z-index: 900; }
		#TopNav li { display: inline; height: 30px; }
		#TopNav a { padding-left: 28px; padding-right: 28px; padding-top: 4px; padding-bottom: 4px;  line-height: 30px; }
			#TopNav a:hover { background-color: #44436a; padding-left: 27px; padding-right: 27px; 
							  border-left: 1px solid #d4d3fe; border-right: 1px solid #d4d3fe;  }
/* END NAVIGATION STYLES */




/* PRODUCT INFO PAGE */
	#ProdColRight { width: 250px; float: right;}
		#ProdColRight ul li { margin-bottom: 15px; }
	#ProdColLeft {width: 670px; text-align: justify; float: left; }
/* END PRODUCT INFO PAGE */

	



/* STORE PRODUCT PAGE */
	#buyForm { text-align: right; margin-top: 20px; margin-bottom: 20px; font-weight: bold; }
		#buyForm input, #buyForm select { margin-top: 0px; margin-bottom: 25px; font-weight: normal; }
	
	.discountBox ul { list-style: none; margin: 0; padding: 0; }
	.discountBox ul li { font-weight: bold; }
	.discountBox ul li ul { border-top: 1px solid #000000; padding-left: 25px; margin-bottom: 25px; }
	.discountBox ul li ul li { margin-top: 10px; margin-bottom: 10px; font-weight: normal !important; }
/* END STORE PRODUCT PAGE */





/* SHOPPING CART STYLES */
	#cartTable th { font-weight: bold; color: #282741; height: 20px; line-height: 20px; border-bottom: 2px solid #282741; }
	#cartTable td { vertical-align: top; border-bottom: 1px solid #dedede; height: 40px; }
		.cartPName { font-weight: bold; font-size: 12px; height: 20px; line-height: 16px; }
		.cartLic { font-weight: bold; font-size: 11px; height: 20px; line-height: 16px; }
		.cartDisc { font-style: italic; font-weight: normal; color: #b80000; height: 20px; line-height: 20px; }
		.cartDiscAmount { color: #b80000; }
	
	#cartCheckout { height: 100px; width: 800px; line-height: 50px; text-align: right; }
	#cartCheckout input.button { margin-left: 100px; }
	#cartEULA { text-align: center; height: 40px; line-height: 40px; }
	a.cartContinue { font-size: 14px; font-weight: bold; color: #44436a; text-decoration: none; }
/* END SHOPPING CART STYLES */





/* FORM ELEMENT STYLES */
	input.button, a.button { background-image: url(../images/btnbg.gif);  background-repeat: repeat-x; font-weight: bold; 
							 border: 1px solid #000000; padding: 0px; padding-left: 4px; padding-right: 4px; height: 32px; 
							 color: #ffffff; cursor: pointer; }

	a.button { display: inline-block; color: #ffffff !important; text-decoration: none !important; 
			   height: 30px; line-height: 30px; padding: 0px; padding-left: 8px; padding-right: 8px; font-weight: bold;}
/* END FORM ELEMENT STYLES */





/* MODAL DIALOG FOR EULA */
	.modalPage { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;
				 z-index: 9900; display: none; overflow: hidden; }

	.modalBackground { filter: Alpha(Opacity=60); -moz-opacity:0.6; opacity: 0.6;
					   width: 100%; height: 100%; background-color: #282741; 
					   position: absolute; z-index: 9901; top: 0px; left: 0px;  overflow: hidden; }

	.modalContainer { width: 800px; height: 600px; position: absolute; left: 50%;
					  top: 100px; z-index: 9902; }

	.modalContent { position: relative; left: -400px; width: 800px; height: 600px;
					background-color: #44436a; border: 2px solid #000000; }

	.modalAction { padding: 4px; text-align: right; }
		.modalAction a { font-weight: bold; text-decoration: none; color: #ffffff; }
			.modalAction a:hover { color: #dedede; }

	.iframeEULA { width: 750px; height: 550px; margin-left: 25px; border: 1px solid #000000; background-color: #ffffff; }
/* END MODAL DIALOG FOR EULA */




/* LOGIN PAGE */
	.loginForm { width: 350px; margin-left: auto; margin-right: auto; }
	.loginLabel { width: 125px; font-weight: bold; float: left; height: 25px; line-height: 25px; }
	.loginInput { width: 210px; float: left; height: 25px; line-height: 25px; }
/* END LOGIN PAGE */





/* CREATE ACCOUNT PAGE */
	.createForm { border: 2px solid #44436a; width: 500px; margin-left: auto; margin-right: auto; }
	.createSection { padding: 2px; border: 1px solid #000; font-weight: bold; background-color: #282741; color: #fff; font-size: 13px; }
		.createSection a { color: #fff !important; text-decoration: none !important; }
	.createLabel { width: 175px; font-weight: bold; float: left; height: 25px; line-height: 25px; }
	.createInput { width: 300px; float: left; height: 25px; line-height: 25px; }
		div.createInput input { width: 250px; }
/* END CREATE ACCOUNT PAGE */




/* PAYMENT PAGE */
	#payLeft { width: 500px; float: left; }
	#payRight { width: 400px; float: left; margin-left: 25px; }
	#payWrap { width: 500px; margin-left: auto; margin-right: auto; }
	#payBilling, #payCC { width: 400px; margin-left: auto; margin-right: auto; }
		#payBilling input, #payBilling select { width: 250px; }
		
	.payMessage { font-style: italic; margin-top: 8px; }
	.payLabel { margin-top: 12px; font-weight: bold; }
	#payAction { margin-top: 12px; text-align: center; }
	#paySummary, #payAddressSummary { width: 300px; margin-left: auto; margin-right: auto; }
/* END PAYMENT PAGE */




/* GENERAL STYLES */
	.pad4 { padding: 4px; }
	.pad8 { padding: 8px; }
	.pad12 { padding: 12px; }
	.Note { font-weight: bold; color: #b80000; }
	.clear { clear: both; height: 1px; }

	.linkBox { margin: 4px; padding: 4px; background-color: #fafafa; border: 1px solid #282741; }

	.linkBox h4 { border: 2px solid #282741; background-color: #44436a;	margin: 0; padding: 0; margin-bottom: 5px;
				  height: 25px; line-height: 25px; color: #ffffff; font-weight: bold; text-align: center; }

	.linkBox ul, .linkBox ul li { list-style: none; padding: 0; margin: 0; }
	.linkBox ul li ul { margin-left: 15px; margin-top: 15px; }
	.linkBox li { margin-bottom: 8px; }
	.linkBox a { color: #282741; text-decoration: none; }
	.tbAR { text-align: center; }
	
	h4.sectionHeading { border: 2px solid #282741; background-color: #44436a; margin: 0; padding: 0; font-size: 14px; 
	                    height: 25px; line-height: 25px; color: #ffffff; font-weight: bold; text-align: center; }
		
		
	#Content a { text-decoration: underline; color: #44436a; }
	.ErrorBlock, .MessageBlock { padding: 8px; border: 2px solid #000; font-weight: bold; margin-top: 20px; 
								 padding-top: 16px; padding-bottom: 16px; }

	div.ErrorBlock { background-color: #eee; color: #b80000; font-size: 13px; }
	div.MessageBlock { background-color: #44436a; color: #fff; }

	.pageTitle { font-size: 18px; font-weight: bold; color: #282741; padding: 0; margin: 0; margin-top: 8px; }

	

	.AccountButton { width: 150px; height: 30px; line-height: 24px; font-weight: bold; font-size: 11px; color: #fff; 
					 cursor: pointer; z-index: 9000; position: absolute; top: 0; right: 0; 
					 background-image: url(../images/acctBtn.gif); background-repeat: no-repeat; }
/* END GENERAL STYLES */









/* LAYOUT STYLES */
	body { background-color: #282741; margin: 0; padding: 0; 
		   font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #000000; } 
	a { color: #282741; text-decoration: none; }
		a:hover { color: #44436a; }
	#PageWrap { width: 994px; margin-left: auto; margin-right: auto; }
	#Header { width: 994px; height: 100px; position: relative; background-color: #282741; }
		#HeaderTop { position: absolute; width: 994px; height: 60px; top: 0; left: 0; background-color: #44436a; }
		#hdrLogo { width: 206px; height: 40px; position: absolute; top: 41px; left: 9px; z-index: 200; }
		#HeaderNav { position: absolute; height: 30px; width: 640px; left: 280px; top: 85px; 
					 border: 2px solid #44436a; background-color: #282741; z-index: 200; }

                
		#HeaderCart { position: absolute; width: 200px; height: 20px; top: 35px; right:15px; line-height: 20px; color: #fff; text-align: right;}   
			#HeaderCart img { border: none; }
			#HeaderCart a { color: #ffffff; text-decoration: none; }
				#HeaderCart a:hover { text-decoration: underline; }
				
      #HeaderAccount { position: absolute; width: 150px; height: 24px; top: 0; right: 10px; z-index: 2000; text-align: left; }
		#AccountMenu a:hover { background-color: #ffffff !important; }
      
	#ContentContainer { background-color: #ffffff; background-image: url(../images/bdybg.jpg); width: 974px; margin-left: 10px; 
						background-repeat: repeat-x; }
						 
	#Content { margin-top: 20px; margin-left: 12px; margin-right: 12px; }
	#BreadCrumb { font-size: 11px; font-weight: bold; color: #6d6d6d; margin-top: 2px; }
	#MainContent { margin-top: 20px; }
	
	#Footer { padding: 8px; color: #fff; font-size: 11px; font-weight: bold; text-align: center; }
		#Footer a { color: #fff; text-decoration: underline; }
/* END LAYOUT STYLES */




/* ACTION MENU */
	.IAAM_button { z-index: 100; height: 24px; line-height: 24px; width: 150px; position: absolute; left: 7px; top: 0; }

	.IAAM_selectedbutton { z-index: 200; height: 24px; line-height: 24px; width: 150px; position: absolute; left: 7px; top: 0; }

	.IAAM_container { position: absolute; z-index: 9001; width: 148px; left: -7px; top: 23px;
					  background-color: #44436a; border: 1px solid #282741; }

	.IAAM_container a { display: block; height: 24px; line-height: 24px; font-size: 10px; text-decoration: none; color: #fff; padding: 2px; }

	.IAAM_container a:hover { background-color: #ffffff !important; color: #282741; }
/* END ACTION MENU */




/* MY ACCOUNT */
#accountLeft { width: 158px; float: left; }
#accountRight { width: 770px; float: left; margin-left: 15px; }
#accountNav li { margin-bottom: 8px; font-weight: bold; } 
	#accountNav li a {text-decoration: none; color: #282741; }

.accountTable td, .accountTable th { height: 25px; padding: 4px; }

/* END MY ACCOUNT */



/* MODAL NOTIFICATION IN ACCOUNT SECTION */

	#accountNotify div.modalContainer2 { width: 400px; height: 160px; position: absolute; left: 50%;
					  top: 100px; z-index: 9902; color: #ffffff; }

	#accountNotify div.modalContent2 { position: relative; left: -200px; width: 400px; height: 160px;
					background-color: #44436a; border: 2px solid #000000; overflow: hidden; }
		
	.iframeLic { width: 350px; height: 160px; margin-left: 25px; border: 1px solid #000000; background-color: #44436a; border: 0; }
	
	.ifDownload { width: 1px; height: 1px; background-color: #44436a; position: absolute;  
	              padding: 0; margin: 0; display: none; margin-left: -2000em; }
/* END MODAL NOTICATION */




/* PRODUCTS HOME PAGE */
.productWrap { margin-top: 15px; padding: 4px; }
	.productLeft { width: 125px; float: left; text-align: center; }
	.productRight { width: 800px; float: left; }
		.productTitle { border-bottom: 1px solid #282741; }
		.productTitle, .productTitle a { font-weight: bold; font-size: 14px; text-decoration: none !important; }
		.productDescription { margin-top: 4px; }
/* END PRODUCTS HOME PAGE */

/* SERVICES PAGE */
#servicesLeft { width: 300px; float: left; margin-left: 160px; }
#servicesRight { width: 300px; float: left; }
	#servicesLeft ul li, #servicesRight ul li { margin-bottom: 8px; }
/* END SERVICES PAGE */


/* HONEYPOT FIELD */
	.hField { display: none; visibility: hidden; }
/* END HONEYPOT FIELD */


/* PRODUCT DOCUMENTATION */
	#prodDocLeft { width: 190px; float: left; }
	#prodDocRight { width: 750px; float: right; }
	
	#prodDocLeft ul li { margin-top: 15px; }
		#prodDocLeft ul li ul { margin-left: 15px !important; }
/* END PRODUCT DOCUMENTATION */
