﻿/* ---------------------------------------------------------
						Structural elements 
------------------------------------------------------------*/
#divFrame
{
	text-align: left; /*Override effect of centered text-align for Form1 tag (IE6)*/
	background-color: White;
	width: 760px;
	border: none;
	padding: 0px; /*margin:0px;*/
	margin-left: auto;
	margin-right: auto;
}
#divFrame.backOffice
{
	width:796px;
}
#Form1
{
	text-align: center; /*To make IE6 centre page*/
}
#hrFloatHack
{
	display: block;
	visibility: hidden;
	clear: both;
}
/* ---------------------------------------------------------
						Page header
------------------------------------------------------------*/
#divHeader
{
	background-color:#660033;
	float:left;
	width:100%;
	height:123px;
}
#divLogo
{
	float: left;
	width: 182px;
}
#imgLogo
{
	src: url(Images/Logo.gif);
}
#divRightBanner
{
	border: none;
	/*text-align: right;*/
	vertical-align: top;
	float:right;
	width: 578px;
}
#divLogin
{
	float:right;
	text-align:right;
	width:568px;
	padding:5px 10px 0px 0px;
	margin:0px;
	height:50px;
}
#divLoginMenu
{
	float: right;
	border: none;
	padding: 1px;
	margin:0px;
	width: auto;
	white-space: nowrap;
	color: #CC0000;
	font-size: xx-small;
}
#divLanguage
{
	position:relative;
	top:-50px;
	left:300px;
	float:left;
	padding:5px 10px 0px 0px;
	display:none;
}
#divNav
{
	top:-15px;
	position:relative;
	float:right;
}
.backOffice #divNav
{
	top:20px;
}

.LoginItem
{
	color:#AAAAAA;
	font-size: xx-small;
}
A.LoginItem
{
	color:#AAAAAA;
}
A:visited.LoginItem
{
	color:#AAAAAA;
}
A:hover.LoginItem
{
	color:#FFFFFF;
	text-decoration: underline;
}

/* ---------------------------------------------------------
						Main content div
------------------------------------------------------------*/
#divContent
{
	clear: both;
	padding: 35px 10px 10px 10px;
	vertical-align:top;	
	float:left;
	width:740px;
}
.Content
{
	padding:10px 10px 10px 10px;
	vertical-align:top;
}
.pageCaption
{
	padding: 10px 0px 10px 0px;
}
#divError
{
	padding-top: 10px;
	padding-bottom: 10px;
}
/*#divCatalogue
{
	padding: 0px 0px 0px 0px;
	float:right;
	width:665px;
	height:100%;
	vertical-align:top;
}*/
DIV.grid
{
	margin-bottom: 10px;
	clear: both;
	width: 100%;
}
DIV.grid TABLE
{
	width: 100%;
}
#divButtons
{
	clear: both;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
/* ---------------------------------------------------------
						Form layout
------------------------------------------------------------*/
#tblForm
{
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
}
#colLabel
{
	color:#660033;
	vertical-align: top;
	width: 30%;
}
#colControl
{
	vertical-align: top;
	width: 65%;
}
#colValidator
{
	vertical-align: top;
	width: 5%;
}
/* ---------------------------------------------------------
						Footer
------------------------------------------------------------*/
DIV.FooterItem
{
	clear: both;
	text-align: center;
	padding: 0px 0px 10px 0px;
}
#spanStrapLine
{
	color: Gray;
	font-size: xx-small;
}
HR.FooterItem
{
	background-color:#660033;
	color:#660033;
	border:0;
	height:1px;
	display:none;
}
A.FooterItem
{
	color: Gray;
}
A:visited.FooterItem
{
	color: Gray;
}
A:hover.FooterItem
{
	color: #CC0000;
	text-decoration: none;
}