/* These are standard sIFR styles... do not modify */
.sIFR-flash					{ visibility: visible !important; margin: 0; }
.sIFR-replaced				{ visibility: visible !important; }
span.sIFR-alternate			{ position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is
 used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example 
is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually 
fixed by tweaking these decoy styles */

.sIFR-hasFlash .heading1	{ visibility: hidden; font-size: 20px; }
.sIFR-hasFlash .heading2	{ visibility: hidden; font-size: 18px; }
.evalButton					{ float:right; margin:0 0 0 20px; color:Red; font-size:12pt; width:230px; height:100px; }

/* SETUP */
body						{ margin:0; padding:0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; background: #EFF3F4; color: #353059;  }
#pageHolder					{ width: 980px; margin: 0 auto; background: #fff url(images/background.gif) repeat-y; } 
#columnHolder				{ margin: 0 24px 0 60px; position: relative; }
.clear						{ clear: both; }
img							{ border: 0; }
.ruleHorizontal				{ background: url(images/rule.gif) repeat-x; height: 1px; width: 100%; margin: 5px 0 5px 0; padding:0; font-size:1px}
.SEText						{ font-size: 0px; width: 1px; color: white; background-color: white; position: absolute; left: 0px; top: 0px;}
	
/* TEXT & HEADINGS */
p							{ font-size: .8em; line-height:1.5em; text-align:justify;}
h1							{ font-family: Arial, Helvetica, sans-serif; font-size: 20px; color:#32315B; height: 30px; line-height: 30px; background: #fff;}
h2							{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:#32315B; background: #fff; margin:10px 0 10px 0; padding: 0 0 0 0;}
h3							{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#32315B; background: #fff; margin:10px 0 10px 0; padding: 0 0 0 0;font-weight:normal;text-decoration:underline;}
ul							{ font-size: 0.8em; margin:0; padding: 10px 10px 0px 0px;}
li							{ padding-bottom:10px; font-size: 1em; }
sup							{ font-size: 60%; }
.bulletsubtext				{ font-size: 1em; padding: 0px 5px 5px 30px;}

/* MAIN MENU */
#menu						{ width: 932px; height: 39px; margin: 0 0 0 -36px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .6em; color: #EFC10B; background: #000 url(images/background_menu.jpg) top right no-repeat; font-weight:200; }
#menu ul					{ font-size: 1em; margin:0; padding:0px; padding-top: 6px; list-style-type:none; }
* html #menu ul				{ padding-top:0; } 
#menu li					{ margin-left: 0px; float: left; display:block; }
#menu li a					{ margin-left: 0px; padding:  6px 35px 7px 38px;  text-decoration: none; color: #fff; }
* html #menu li				{ padding-top: 6px;  }
#menu li a:hover			{ padding: 6px 35px 6px 38px; color: #EFC10B; background: url(images/menu_rollover.gif) repeat-x; }
* html #menu li a:hover		{ margin-top:-6px; }

/* SUB MENU */
#subMenu					{ text-align: right; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: .6em; font-weight: bold; }
#subMenu ul					{ font-size: 1em; list-style-type: none; padding:0px; margin: 0 0 20px 0;  } 
#subMenu li					{ margin-left: 0px; padding:0px; height:36px; background: url(images/background_sub_menu.gif) bottom repeat-x; }
#subMenu li a				{ display:block; text-decoration: none; color:#272441; padding: 10px 10px 0 0; height: 24px; text-transform:uppercase}
#subMenu li a:hover			{ background: #ccc; height: 24px; padding: 10px 10px 0 0; }

/* PRODUCTS (HOME PAGE) */
.productTeaser				{ width: 225px; font-size: .7em; line-height:1.5em; border-right: 1px solid #D6D6D6;  float: left;  padding: 0 10px 5px 0; margin:0 10px 20px 0;  border-bottom: 1px solid #D6D6D6;}
.productTeaserImage			{ margin:0; padding:0;}
.productTeaserText			{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:1.0em; height:8em; }
.productTeaserPrice			{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:1.1em; font-weight: bold; color: #0C75AE; line-height: 3em;  }
.productTeaserButtons ul	{ font-size: 0.8em; margin:0; padding:0px 0px 0px 0px;}
.productTeaserButtons li	{ display:inline; margin: 0 10px 0 0; }

/* PRODUCTS (PRODUCT PAGE) */

.product					{ width: 100%; line-height:1.5em; padding: 0 10px 5px 0; margin: 0 10px 20px 0;  border-right: 1px solid #D6D6D6;  border-bottom: 1px solid #D6D6D6;}
.productDescription			{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:1em; line-height: 3em; text-align:right;}
.productNameText			{ font-family: Arial; color: black; font-weight: bolder; font-size: 1em; padding: 0 0 0 0; margin: 0 0 0 0; line-height:0.8em; text-align:left; }
.productPrice				{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:1.1em; font-weight: bold; color: #0C75AE; line-height: 3em; text-align:right; width:220px;  }
.productButtons ul			{ font-size: 0.8em; margin:0; padding:0 0 0 0; }
.productButtons li			{ display:inline; margin: 0 0 0 10px; float:right }

/* LANDING PAGES */

.landingPageLeft			{ width:450px;}
.landingPageRight			{ position:absolute; top:120px; left:500px;  width:220px; border: solid 1px #D6D6D6; padding:10px; background: #f6f6f6; }
.landingProductName			{ padding-bottom:5px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bold; }
.landingProductLink	a		{ color:Black; }
.landingProductText			{ font-size:0.8em; font-weight:normal; margin-top:0px;}
.landingProductImage		{ width:100px; height:20px; }

/* PRODUCTS (INDIVIDUAL PRODUCT PAGE) */

.productBoxShot				{ float:right; padding: 0 50px 10px  100px;}

/* Code Snippets */

.scriptBox					{ width:90%; height:300px; background-color:#f9f9f9; border: solid 1px #D6D6D6; padding-left: 10px; }
.codeSnippet				{ font-family: Courier New, Tahoma, Arial, Helvetica, sans-serif; font-size:0.7em; width:100%; background-color:#f9f9f9; border: solid 1px #D6D6D6; padding: 10px; }
.errorMessage				{ color: Red; }

/* PURCHASING FORMS */

.productArea				{ border-right: solid 1px #d6d6d6; border-bottom: solid 1px #d6d6d6; }
.ProductName				{ font-size: 100%; color: Black; background-color: white; font-weight: bolder; padding-bottom: 5px; padding-top: 5px; padding-left: 5px; text-align:left;}
.ProductText				{ font-size: 80%; padding-top: 5px; padding-left: 5px; padding-bottom: 10px;}
.LicenseName				{ font-size: 110%; padding-top: 10px; padding-bottom: 10px;padding-left: 5px;}
.PriceText					{ font-size: 110%; text-align:right; padding-right: 10px;}
.LicenseNameAlt				{ font-size: 110%; background-color: #eeeeee;padding-top: 10px; padding-bottom: 10px;padding-left: 5px;}
.PriceTextAlt				{ font-size: 110%; background-color: #eeeeee; text-align:right; padding-right: 10px;}
.QuantityField				{ font-size: 12px; padding: 0px; width: 30px; text-align:center;}
.GrandTotalLabel			{ font-weight: bolder; font-size: 100%; padding: 10px}
.GrandTotal					{ font-weight: bolder; font-size: 100%; padding: 10px; text-align:right; vertical-align:top;}
.LicenseError				{ color: red; font-size: 80%; margin-top:0px; height:50px;}
.DiscountLabel				{ font-weight: bolder; font-size: 80%; padding: 10px; }
.DiscountCode				{ font-weight: bolder; font-size: 80%; padding: 10px;}

.FormLabel					{ color: black; font-size: 14px; text-align:right; padding: 5px 0 5px 0;  }
.FormField					{ color: black; font-size: 14px; padding: 0px; margin: 0px 200px 0px 0px; width: 250px; }
.FormFieldCombo				{ color: black; font-size: 14px; padding: 0px; margin-right:200px; width: 254px; }
.FormFieldNumberReq			{ color: black; font-size: 12px; padding: 0px; text-align: center; width: 35px;}
.FormError					{ color: red; font-size: 12px; padding: 10px}
.FormError ul				{ font-size: 12px; color:Red;}
.FormError ul li			{ font-size: 12px; color:Red; list-style-type:circle;	}
.Button						{ text-align:right; padding-right:10px;}

.CustomerDetails			{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; }
.ConfirmHeader				{ font-size: 0.9em; font-family: Tahoma, Arial, Helvetica; font-weight: bold; padding:5px; }
.ConfirmRow					{ font-size: 0.8em; color: black; font-family: Tahoma, Arial, Helvetica; background-color: white; padding:10px 0 10px 0; height:30px;}
.ConfirmRowAlt				{ font-size: 0.8em; color: black; font-family: Tahoma, Arial, Helvetica; background-color: #fafafa;  padding:10px 0 10px 0; height:30px;}
.ConfirmSubTotal			{ font-weight: bolder; font-family: Tahoma, Arial, Helvetica; font-size: 90%; padding: 0px; text-align:right; height:30px;}
.ConfirmTotalTax			{ font-weight: bolder; font-family: Tahoma, Arial, Helvetica; font-size: 90%; padding: 0px; text-align:right; height:30px;}
.ConfirmGrandTotal			{ font-weight: bolder; font-family: Tahoma, Arial, Helvetica; font-size: 100%; padding: 0px; text-align:right; height:30px;}

/* EVALUATION PAGE */

.EvalForm					{ width: 270px;}
.EvalFormLabel				{ color: black; font-size: 0.8em; padding: 0px; margin:0; width: 30px;}
.EvalFormField				{ color: black; font-size: 0.8em; padding: 0px; width: 97%;}
.EvalMessage				{ color: red; font-size: .8em; padding: 0px; width:270px; height:150px; vertical-align:top; position:absolute; top:240px; left: 320px;}
.EvalProgress				{ color: red; font-size: .8em; padding: 0px; width:300px; height:150px; vertical-align:top; position:absolute; top:230px; left: 400px;}
.Version					{ color: Black; font-size: 0.8em; }

#evaluation					{ font-family: Arial, Helvetica, sans-serif; background: #0f0f0f; }
#evaluation ul				{ padding: 0; } 
#evaluation li				{ margin-left: 30px; width:90%; padding-bottom:20px; font-size: 1em; }
#evaluation li a			{ text-decoration: none; }
#evaluation li a:hover		{ text-decoration: underline; }

/* FAQs */

.faqHeader					{ font-family: Arial; font-size: .9em; margin: 5px 0 0 0; background-color: #eeeeee; text-decoration:none; padding:7px; cursor:hand;}
.faqLink					{ text-decoration:none; font-size: 0.9em; }
.faqContent					{ font-size: 0.9em; background-color:#f9f9f9; padding: 10px;}

/* Used where text needs to be really obvious i.e. error messages or generally important form feedback */

.Emphasised					{ color: black; font-size: 100%; font-weight:bold;}
.MostEmphasised				{ color: red; font-size: 1em; padding-right: 10px;}

/* HEADER */
#header						{ height: 260px; position: relative; background: url(images/background_header.gif) repeat-y; }
#logo						{ position: absolute; left: 24px; }
#flashBanner				{ position: absolute; left: 24px; bottom:0; }
#flashBanner a				{ color:#D75F5E; }
#packShotPromo				{ position: absolute; right: 141px; bottom: 0; }
#headerRight				{ position: absolute; right: 24px; bottom: 0; }

/* LAYOUT */
#leftColumn					{ width: 725px; }
#leftColumn a				{ text-decoration: none; color: #D75F5E; }
#leftColumn a:hover			{ text-decoration: underline; color: #32315B; }
#rightColumn				{ float: right; width: 145px; }
#footer						{ padding: 4px 0 0 0; text-align: center; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .7em; font-weight: normal; height: 21px; background: url(images/background_footer.gif) repeat-x; margin: 10px 24px 0 24px; color: #fff; }
#footer a					{ text-decoration: none; color: #fff; }
#footer a:hover				{ text-decoration: underline; color: #fff; }
#productTeasers				{ width: 495px;  }
#homeFeeds					{ width: 230px;  float: right; }

/* QUOTES */

#quoteTeaser				{ border-bottom: 1px solid #D6D6D6; padding: 0 0 12px 0;}
.quoteTeaserMessage			{ font-size: .7em; }
.quoteTeaserAuthor			{ font-size: .7em; text-align:right; color:#666; margin-top:10px }
.quoteTeaserCompany			{ font-size: .7em; font-weight: bold; text-align:right; padding-bottom:15px;}
.quoteMoreButton			{ padding: 12px 0px 10px 0px; margin-top: 0px; font-size: .7em; text-align: right; background: url(images/arrow.gif) right no-repeat; }
.quoteMoreButton a			{ display: block; text-decoration: none; color: #D75F5E; padding: 0 24px 4px 0; }
.quoteMoreButton a:hover	{ color: #32315B; }

#quote						{ width: 700px; border-right: 1px solid #D6D6D6;  float: left;  padding: 0 10px 5px 0; margin:0 10px 20px 0;  border-bottom: 1px solid #D6D6D6; display:inline;}
.quoteMessage				{ font-size: .7em; display:inline; }
.quoteAuthor				{ font-size: .7em; text-align:right; color:#666; }
.quoteCompany				{ font-size: .7em; font-weight: bold; text-align:right; }
.quoteDate					{ font-size: .8em; font-weight:bold; color:#666;  padding: 0 30px 20px 0; }

/* LOGIN */

.loginForm					{ width: 320px;}
.loginFormLabel				{ color: black; font-size: 0.8em; padding: 0px; margin:0; width: 100px;}
.loginFormField				{ color: black; font-size: 0.8em; padding: 0px; width: 97%;}
.loginMessage				{ color: red; font-size: .8em;}
.loginButton				{ text-align:right;}

/* "more" button for text on homepage */

.MoreButton					{ font-size: 1em; background: right url(images/arrow.gif) no-repeat ; text-align:right; padding-top:3px; margin: 10px 0px 0px 548px;position:absolute; top:265px; left: 120px;  }
.MoreButton a				{ text-decoration: none; color:#D75F5E; padding: 0 24px 4px 0; }
.MoreButton a:hover			{ color: #32315B; }

/* NEWSLETTER */

#newsletter					{ border-bottom: 1px solid #D6D6D6; padding: 0 0 12px 0;}
.newsletterText				{ font-size: .7em; height:45px; }
.newsletterButton			{ padding: 12px 0px 10px 0px; margin-top: 6px; font-size: .7em; text-align: right; background: url(images/arrow.gif) right no-repeat; }
.newsletterButton a			{ display: block; text-decoration: none; color: #D75F5E; padding: 0 24px 4px 0; }
.newsletterButton a:hover	{ color: #32315B; }
.newsletterBox				{ font-size: .9em; width:97%; margin-top:10px;  }

/* MEMBER LINKS */

#memberLinks				{ position: absolute; right: 37px; top: 15px; color:#32315B; background:#fff; text-align:center; font-size:.6em; font-weight:bold; font-family:Tahoma, Helvetica, sans-serif; }
#memberLinks ul				{ font-size:1em; margin:0; padding:0; }
#memberLinks ul:before		{ content:"" }
#memberLinks li				{ margin: 0; display:inline; text-transform:uppercase; }
#memberLinks li:after		{ content:"|" }
#memberLinks li a			{ color:#D75F5E; text-decoration:none; }
#memberLinks li a:hover		{ color:#32315B; }

/* LINKED ARTICLES */

#linkedArticle				{ border-bottom: 1px solid #D6D6D6; padding: 0 0 12px 0; }
.linkedArticleText			{ font-size: .7em; }

/* DOWNLOADS */

#downloads					{ font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; }
#downloads ul				{ margin: 0; padding: 0; font-size:1em;  } 
#downloads li				{ margin:0px; padding:0px; }
#downloads li a				{ text-decoration: none; }
#downloads  li a:hover		{ text-decoration: underline; }
.downloadButton				{ padding:15px 10px 10px 10px; margin-top: 0px; font-size: .7em; text-align: right; background: url(images/arrow.gif) right no-repeat; }
.downloadButton a			{ display:block; text-decoration: none; text-transform:uppercase; color:#D75F5E; padding: 0 24px 4px 0; }
.downloadButton a:hover		{ color: #32315B;  }

/* these classes control the look of the bug list on the members download area */

.vhHeader					{ font-size: 0.8em;color:#fff;padding:5px;margin:20px 0 0 0;font-family:verdana;background-color: #330099;height:20px;width:100%;border-right:solid 1px #0000ff;}
.vhVersion					{ float:left;}
.vhDate						{ text-align:right;}
.vhProduct					{ font-size:0.8em;color:black;padding:5px;margin:0px 0 0 0;font-family:verdana;width:100%;border-right:solid 1px #cecece;border-bottom:solid 1px #cecece;}
.vhFix						{ width:681px;font-size: 0.7em;color:#000;font-family:verdana;background-color:#fff;padding:7px;margin:0px 0 0 40px;border-right:solid 1px #cecece;border-bottom:solid 1px #cecece;}

.DataTable					{ border:none; padding: 4px; margin: 0px; font-family: verdana; width: 100%; margin-bottom:20px;}
.DataHeader					{ font-size: 0.8em; color: black; font-family: verdana; background-color: #e6e6e6;  height: 40px}
.DataRow					{ font-size: 0.6em; color: black; font-family: verdana; border:none; background-color: white; height: 30px;}
.DataRowAlt					{ font-size: 0.6em; color: black; font-family: verdana; border:none; background-color: #f5f5f5; height: 30px;}
.DataRowSelected			{ font-size: 0.7em; color: black; font-family: verdana; border:none; background-color: #333333;}
.DataFooter					{ font-size: 0.8em; color: black; font-family: verdana; border:none; background-color: #FFFFCC;}


/* CASE STUDIES */

.companyLogo				{ margin: 0 40px 30px 0; float: left;}