.evalButton					{ float:right; margin:10 10 10 20px; font-size:12pt; width:210px; height:40px; cursor:pointer;}

/* 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: 0.8em; line-height:1.5em; text-align:justify;}
h1							{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 20px; color:#32315B; background: #fff; margin:10px 0 20px 0; padding: 0 0 0 0;}
h2							{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; color:#32315B; background: #fff; margin:10px 0 20px 0; padding: 0 0 0 0;}
h3							{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; color:#32315B; background: #fff; margin:10px 0 20px 0; padding: 0 0 0 0;font-weight:bold;}
ul							{ font-size: 0.8em; margin:0; padding: 10px 10px 10px 20px;}
li							{ padding-bottom:10px; font-size: 1em; }
sup							{ font-size: 60%; }
.bulletsubtext				{ font-size: 1em; padding: 0px 5px 5px 30px;}
.indented					{ padding-left: 50pt}

/* 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 16px 6px 16px;  text-decoration: none; color: #fff; }
* html #menu li				{ padding-top: 6px;  }
#menu li a:hover			{ padding: 6px 16px 6px 16px; color: #ffff00; 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 }
#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; }
#subMenuSaved li a				{ display:block; text-decoration: none; color:#272441; padding: 10px 10px 0 0; height: 24px; text-transform:uppercase}
#subMenuSaved li					{ margin-left: 0px; padding:0px; height:36px; background: url(images/background_sub_menu.gif) bottom repeat-x; }

/* 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:#32315B; background-color: white; font-weight: bold; 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: 40px; 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;}
.ConfirmExistingPayment			{ font-weight: normal; font-family: Tahoma, Arial, Helvetica; font-size: 80%; padding: 0px; text-align:right; height:30px;}

/* EVALUATION PAGE */

.EvalForm					{ width: 600px;}
.EvalFormLabel				{ color: black; font-size: 0.8em; padding: 0px; margin:0; width: 80px;}
.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: 420px;}
.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; width:500px; text-align:right;}
#memberLinks ul				{ font-size:1em; margin:0; padding:0; }
#memberLinks ul:before		{ content:"" }
#memberLinks li: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;color:black }
.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;}

/* Member's Area */

.licensekey					{ font-size: 16px; width:700px; border:solid 1px black; padding: 10px 10px 30px 10px; }