html, body 
{
	height:100%;
}

body
{
	font-family:Verdana,Arial,sans-serif;
	background:#FFFFFF url(images/background.gif);
	background-repeat:repeat-x;
	margin:auto;
	position:relative;
	width:709px;
	color: #363636;
	font-size:11px;
}

#header 
{
	height:65px;
}

#header #left
{
	height:65px;
	width:17px;
	float:left;
	background:url(images/headerleft.png);
	background-repeat:no-repeat;
}

#header #middle
{
	height:65px;
	width:675px;
	float:left;
	background:url(images/headersection.png);
	background-repeat:repeat-x;
}

#header #right
{
	height:65px;
	width:17px;
	float:left;
	background:url(images/headerright.png);
	background-repeat:no-repeat;
}

#brand 
{
	width:153px;
	height:35px;
	padding-top:15px;
	float:left;
}

a img
{
	border: medium none;
}

#containerWrapper
{
	background: transparent;
	padding:5px;
	float:left;
}

#containerHeadWrapper 
{
	height:179px;
	margin-left:auto;
	margin-right:auto;
	width:705px;
}

#containerHead
{
	background:url(images/difffish.gif);
	background-repeat:no-repeat;
	height:179px;
	width:459px;
	float:left;
}

#containerHead .headInset
{
	margin-left:250px;
	padding-top:25px;
}

#containerRight
{
	width:244px;
	float:left;
}

#containerRight #time
{
	background:url(images/savetime.gif);
	background-repeat:no-repeat;
	height:59px;
	float:left;
	width:244px;
}

#containerRight #seamless
{
	background:url(images/seamless.gif);
	background-repeat:no-repeat;
	height:62px;
	float:left;
	width:244px;
}

#containerRight #realtime
{
	background:url(images/realtime.gif);
	background-repeat:no-repeat;
	height:58px;
	float:left;
	width:244px;
}

#content
{
	background:url(images/pagesides.gif);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	float:left;
	width:705px;
	min-height:300px;
}

#textBlock
{
	padding: 0px 5pt 0pt 10px;
	line-height:1.3;
	width:443px;
	float:left;
	background: url(images/vertdots.gif);
	background-position:right top;
	background-repeat:repeat-y;	
	text-align:justify;
	min-height:300px;
}

#extInfo
{
	width:215px;
	float:left;
	padding:0px 10px 0px 10px;
	margin-right:auto;
	margin-left:auto;
}

#pageContent
{
	float:left;
	padding: 10px 10px 0px 10px;
	min-height:300px;
	max-width:680px;
	text-align:justify;
}

#contentFooter 
{
	float:left;
	height:10px;
	width: 705px;
}

#contentFooter #contentFooterLeft
{
	height:7px;
	width:6px;
	float:left;
	background:url(images/contentfooterleft.gif);
	background-repeat:no-repeat;
}

#contentFooter #contentFooterMiddle
{
	height:7px;
	width:689px;
	float:left;
	background:url(images/contentfootermiddle.gif);
	background-repeat:repeat-x;
}

#contentFooter #contentFooterRight
{
	height:7px;
	width:6px;
	float:left;
	background:url(images/contentfooterright.gif);
	background-repeat:no-repeat;
}

.frontCaseStudy 
{
	padding: 0px 0px 20px 0px;
	margin-right:auto;
	margin-left:auto;
	width:142px;
}

.frontCaseStudyText
{
	text-align:center;
	padding:10px;
}

#developerLogin
{
	margin: 10px 10px 0px 0px;
	font-size:80%;
	color:#000000;
	width:160px;
	margin-right:auto;
	margin-left:auto;
}

.developerLoginText
{
	margin: 10px 0px 0px 0px;
	color:#000000;
}

#sage
{
	background:transparent url(images/sage.gif) no-repeat scroll 0pt;
	height:47px;
	padding: 0px 0px 10px 50px;
}

#myob
{
	background:transparent url(images/myob.gif) no-repeat scroll 0pt;
	height:47px;
	padding: 0px 0px 10px 50px;
}

#fileMaker
{
	background:transparent url(images/fileMaker.gif) no-repeat scroll 0pt;
	height:47px;
	padding: 0px 0px 10px 50px;
}

#pageHeader
{
	float:left;
	padding:0px 0px 10px 10px;	
	width:100%;
	font-weight:bold;
}

#trailingText
{
	float:right;
	padding: 0px 0px 0px 10px;
	text-align:right;
	width:400px;
	font-size:80%;
	color:#C6C6C6;
}

/* Menu */
#mainMenu
{
	display:inline;
	float:right;
	height:28px;
	margin-right:20px;
	padding-top:35px;
}

#mainMenuTop 
{
	margin:0pt;
	padding:0pt;
}

#mainMenuTop li
{
	display:inline;
}

#mainMenuTop li a 
{
	color:#C6C6C0;
	display:table;
	float:left;
	font-size:11px;
	height:19px;
	padding:8px 10px 0px;
	text-align:center;
}

#mainMenuTop li#subMenuRightCorner
{
	background:transparent url(images/subMenu_Right.gif) no-repeat scroll 0pt;
	display:block;
	float:left;
	height:26px;
	width:5px;
}

#mainMenuTop li a:hover
{
	color:#FFFFFF;
}

#advert
{
	margin-top:5px;
	padding:5px;
	background-color:#eceff5;
	font-size:90%;
}

#mapPlacement 
{
	float:right;
	padding:10px;
	width:300px;
}

.addressDetails 
{
	float:left;
	padding:10px;
}

#addressDetailsHeader
{
	padding:5px;
	font-weight:bold;
}

/* Product Grid */
#productComparison {
	margin-left:auto;
	margin-right:auto;
	width:375px;
	margin-top:20px;
}

#productComparisonTable {
	background-color:#F7F7FF;
	border:1px solid #eeeefe;
	text-align:center;
}

.featureTitle {
	text-align:left;
	padding:2px 5px;
	font-size:12px;
	width:170px;
}

.featureSpec {
	background-color:#ffffff;
	padding:2px 5px;
	border-bottom:1px dashed #eeeefe;
}

.featureName {
	text-align:right;
	padding-right:10px;
}

.featureLineToRight {
	border-right:1px dashed #eeeefe;
}


.versionComparison {
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	width:270px;
	margin-top:10px;
}

.versionComparisonTable {
	background-color:#F7F7FF;
	border:1px solid #eeeefe;
	text-align:left;
	width:100%;
}

.versionTitle {
	text-align:left;
	padding:2px 5px;
	font-size:12px;
}

.versionSpec {
	background-color:#ffffff;
	padding:2px 5px;
	border-bottom:1px dashed #eeeefe;
}

.versionName {
	text-align:left;
	padding-right:10px;
	width:145px;
}

.versionLineToRight {
	border-right:1px dashed #eeeefe;
}

#licenceButtonContainer
{
	margin-left: auto;
	margin-right:auto;
	width:400px;
}

.licenceButton 
{
	float:left;
	padding: 10px 20px 10px 25px;	
}

.vallogo
{
	float:left;
	padding-left:10px;
}
















.buttonRight
{
	text-align:right;
	padding: 0px 0px 5px 0px;
}

#newUser
{
	padding: 15px 0px 15px 0px;
}


#containerFoot
{
	background:url(images/bottom_content.gif);
	background-repeat:no-repeat;
	height:6px;
	width:795px;
}

#container
{
	background:url(images/background_top_content.gif);
	background-repeat:repeat-x;
	background-color:#ebf1fb;
	height:100%;
	min-height: 425px;
}

#mainPage
{
	background-color:#ffffff;
	width:795px;
}

#mainImg
{
	background:transparent url(images/dice.gif) no-repeat scroll 0pt;
	height:210px;
}

#detailsImg
{
	background:transparent url(images/unlock.gif) no-repeat scroll 0pt;
	height:210px;
}

#aboutImg
{
	background:transparent url(images/different.gif) no-repeat scroll 0pt;
	height:210px;
}

#developerImg
{
	background:transparent url(images/standout.gif) no-repeat scroll 0pt;
	height:210px;
}

#developerLogonHomeImg
{
	padding:40px 0px 0px 0px;
	background:transparent url(images/.gif) no-repeat scroll 0pt;
	height:210px;
}

#caseImg
{
	background:transparent url(images/missing.gif) no-repeat scroll 0pt;
	height:210px;
}

.fullTextBlock
{
	padding: 0px 5pt 0pt 0px;
	width:768px;
}

.caseStudy 
{
	float:left;
	padding: 10px 5px 10px 0px;
	width:440px;
}

.caseStudyThumb
{
	padding: 0px 5px 0px 0px;
	float:left;
}

.caseStudyClipThumb
{
	padding: 10px 0px 0px 0px;
}

.caseStudyClip
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:200px;
}


.spacerRow
{
	height:10px;
}

#pageContentDev
{	
	padding: 0px 0px 0px 10px;
	width:60%;
}

#pageContentEnquiry
{
	padding: 0px 0px 0px 10px;
	width:63%;
}


#enquiryHeader
{
	background:transparent url(images/enquires.gif) no-repeat 0pt;
	height:174px;
	padding:0px 0px 0px 0px;
	float:right;
	width:260px;
}


#faqText
{
	float:left;
	padding:0px 0px 10px 0px;	
	width:60%;
}

#faq
{
	float:left;
	width:80%;
}

#faqSearch
{
	float:right;
	padding:0px 0px 10px 20px;	
	font-weight:bold;

}

.buttonSpace 
{
	float:right;
	height:30px;
	padding: 10px 0px 0px 0px;
}

#orderTotal 
{
	padding:5px;
	font-weight:bold;
	margin-left:535px;
	float:right;
}

#orderTotal .cost
{
	color: #990000;
}

#keysGrid , #keyDetails
{
	padding: 5px;
}

#keyDetails td
{
	text-align:left;
}

/* Sub Menu */

#subMenu
{
	display:inline;
	float:right;
	height:28px;
	margin-right:20px;
}

#subMenuTop 
{
	margin:0pt;
	padding:0pt;
}

#subMenuTop li#subMenuLeftCorner {
	display:block;
	float:left;
	height:26px;
	width:5px;
}

#subMenuTop li
{
	display:inline;
}

#subMenuTop li a 
{
	color:#A6A6A0;
	display:table;
	float:left;
	font-size:11px;
	height:19px;
	padding:8px 10px 0px;
	text-align:center;
}

#subMenuTop li#subMenuRightCorner
{
	display:block;
	float:left;
	height:26px;
	width:5px;
}

#subMenuTop li a:hover
{
	color:#C6C6C0;
}

.smallText a
{
	color:#000000;
	text-decoration:none;
	padding: 5px 0px 0px 49px;
	text-align:right;
	font-size:10px;
}

/* Data Web Control Styles */

.DataWebControlStyle
{
    font-size: 90%;
    width:100%;
    border-color:#F1F4FA;
    border-width:3px 3px 3px 3px;
    border-style:solid;
}

.DataWebControlStyle td, th
{
	padding:3px;
	border: solid 3px #F1F4FA;
	
}

.DataListControlStyle
{
    font-size: 90%;
    width:100%;
    border-color:Gray;
    border-style:solid;
    border-width:0px 0px 0px 0px;
    
}

.DataListControlStyle td, th
{
	padding:3px;
	border: solid 1px #F1F4FA;
	
}

.DataListHeaderStyle
{
	background:#CDD7ED none repeat scroll 0%;
	color:#30226C;
}

.DataListRowStyle, .DataListAlternatingRowStyle
{
	padding:5px;
	vertical-align:middle;
}

.HeaderStyle
{
	background:#CDD7ED none repeat scroll 0%;
	color:#30226C;
	text-align:center;
	text-transform:none;
}

.RowStyle, .AlternatingRowStyle
{
	background:#FFFFFF none repeat scroll 0%;
	padding:5px;
	vertical-align:middle;
	text-align:center;
}

.RowStyle .cost, .AlternatingRowStyle .cost, .HeaderStyle .cost
{
	text-align:right;
}

.RowStyle .description, .AlternatingRowStyle .description, .HeaderStyle .description
{
	text-align:left;
}

.collapseListHeader 
{
	padding:3px;
	font-weight: bold;
	cursor:pointer;
	
}

.collapseListDetails 
{
	padding:3px 3px 3px 30px;
	display:none;
	visibility:hidden;
	
}

#featureInsert
{
	float:right;
	width:280px;
	height:200px;
}