@charset "iso-8859-1";
/* CSS Document */




/*
.tempContainer {
	width					: 926px;
	position				: relative;
	border					: #039 solid 0px;
	margin-left				: 23px;
	margin-top				: 118px;
}
*/

A.featureButton {
	height					: 180px;
	width					: 154px;
	background-color		: transparent;
	display					: block;
	position				: relative;
	top						: 0;
	float					: left;
	text-decoration			: none;
	cursor					: pointer;
	background-repeat		: repeat;
	margin-top				: -0px;
}

A.featureButton:hover {
	background-repeat		: repeat;
	background-color		: transparent;
	background-position-x : -161px;
}

A.companyHome {
	background-image		: url(../../Unsecured/FeatureImage.aspx?centre=Features%2Fcompany_home.jpg);
}

A.contactUs {
	background-image		: url(../../Unsecured/FeatureImage.aspx?centre=Features%2Fcontact_us.jpg);
}

A.faqs {
	background-image		: url(../../Unsecured/FeatureImage.aspx?centre=Features%2Ffaqs.jpg);
}

A.latestNews {
	background-image		: url(../../Unsecured/FeatureImage.aspx?centre=Features%2Flatest_news.jpg);
}

A.preInvoiceFeatureButton {
 background-image  : url(../../Unsecured/FeatureImage.aspx?centre=Features%2fpre_invoice_large.jpg);
}

A.collectiveInvoiceFeatureButton {
 background-image  : url(../../Unsecured/FeatureImage.aspx?centre=Features%2fcollective_invoice_large.jpg);
}

A.creditNoteFeatureButton {
 background-image  : url(../../Unsecured/FeatureImage.aspx?centre=Features%2fcredit_note_large.jpg);
}

A.dispatchStatusFeatureButton {
 background-image  : url(../../Unsecured/FeatureImage.aspx?centre=Features%2fdispatch_status_large.jpg);
}


A.createOrderFeatureButton {
 background-image  : url(../../Unsecured/FeatureImage.aspx?centre=Features%2fcreate_order.jpg);
}


A.orderStatusFeatureButton {
 background-image  : url(../../Unsecured/FeatureImage.aspx?centre=Features%2forder_status.jpg);
}

A.accountStatusFeatureButton {
 background-image  : url(../../Unsecured/FeatureImage.aspx?centre=Features%2faccount_status.jpg);
}


A.invoiceViewFeatureButton {
 background-image  : url(../../Unsecured/FeatureImage.aspx?centre=Features%2finvoice_view.jpg);
}


A.customerPricelistFeatureButton {
 background-image  : url(../../Unsecured/FeatureImage.aspx?centre=Features%2fcustomer_pricelist_large.jpg);
}


A.analysisStatementFeatureButton {
 background-image  : url(../../Unsecured/FeatureImage.aspx?centre=Features%2fanalysis_statement_large.jpg);
}


A.customerPurchaseSummaryFeatureButton {
 background-image  : url(../../Unsecured/FeatureImage.aspx?centre=Features%2fcustomer_purchase_summary_large.jpg);
}

A.ediUploadFeatureButton {
 background-image  : url(../../Unsecured/FeatureImage.aspx?centre=Features%2fedi_upload_large.jpg);
}


A.manageUsersFeatureButton {
 background-image  : url(../../Unsecured/FeatureImage.aspx?centre=Features%2fmanage_users.jpg);
}


A.productCatalogueFeatureButton {
 background-image  : url(../../Unsecured/FeatureImage.aspx?centre=Features%2fproduct_catalogue.jpg);
}


A.toolsCatalogueFeatureButton {
 background-image  : url(../../Unsecured/FeatureImage.aspx?centre=Features%2ftoolbox.png);
}


A.fittingInstructionsFeatureButton {
 background-image  : url(../../Unsecured/FeatureImage.aspx?centre=Features%2ffitting_instructions.jpg);
}


.featureButtonInfo {
	position				: absolute;
	top						: 130px;
	left					: 16px;
	display					: block;
	width					: 125px;
	text-align				: center;
	line-height				: 12px;
}

.featureButtonTitle
{
	display:block;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	font-weight: normal;
	color: #333333;
	font-size: 11px;
	cursor: pointer;
	letter-spacing: 0px;
}

.featureButtonSubTitle {
	font-style: normal;
	color: #999999;
	font-size: 10px;
	cursor: pointer;
}



.featureButton:hover .featureButtonTitle,
.featureButton:hover .featureButtonSubTitle
{
	color:#FF6600;
}

.lowerItems {
	background					: url(Images/lowerBG.jpg) repeat-x;
	height						: 200px;
}

.upperItems {
	height						: 178px;
	border-bottom				: 3px #e0e0e0 solid;
	background					: url(Images/upperBG.jpg) repeat-x;
	position					: relative;
	overflow					: hidden;
	z-index: 0;
}

.upperItems h1 {
	
	padding						: 0;
	margin						: 0;
	
	margin-left:30px;
	padding-top:30px;
	
	font-weight					: normal;
	font-size					: 22px;
	color						: #646464;
	border						: 0;
}

.upperItems p {
	color						: #868686;
	margin						: 0;
	padding						: 0;
	margin-left					: 30px;
	font-size					: 12px;
	width						: 300px;
	line-height					: 16px;
}


.loginForm {
	background					: url(Images/formBG.jpg) no-repeat;
	width						: 275px;
	height						: 170px;
	border						: #999 solid 0px;
	float						: right;
	margin-left					: 20px;
	padding-top					: 30px;
}

.loginButton {
	width						: 167px;
	height						: 32px;
	background					: url(Images/loginButton.jpg) no-repeat;
	display						: block;
	font-size					: 11px;
	text-decoration				: none;
	color						: #666;
	line-height					: 32px;
	padding-left				: 47px;
}

.loginButton:hover {
	color						: #FF6600;
}

.loginForm th {
	text-align:left;
	font-weight:normal;
	color:#333;
}

.loginForm td {
	color:#666;
	font-size:12px;
	padding-right:10px;
}

.loginForm input {
	border						: #c4c4c4 solid 1px;
	font-family					: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size					: 12px;
	background					: none;
	color:#666;
}

.loginForm table {
	margin						: 0 auto;
}

.archMask 
{
	background	: url(Images/archMask.png) right top;
	height		: 180px;
	width		: 640px;
	border		: #F00 solid 0px;
	position	: absolute;
	right		: 0;
	top			: 0;
	z-index		: 20;
}

.upperItems .introText 
{
	position	: absolute;
	left		: 0;
	top			: 0;
	z-index		: 30;
}

/* Fading in/out images on login and main menu screens */
.theBanners
{
	position:absolute;width:565px;height:178px;right:0;top:0;z-index:10;
}
.bannerHolder 
{
	position:relative;width:565px;height:178px;z-index:0;
}
.bannerHolder_item 
{
	position:absolute;top:0;left:0;z-index:11;width:565px;height:178px;
}