/*-------------------------------------------------------------------- page elementts --*/

body  {
	margin: 0px;
	padding: 0px;
	background-color: #DBC4E0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #663366;
}


.pageElement {
	position: relative;
    left: 50%;
	margin-left: -370px;
	width: 740px;
	top: 10px;
}

/*-------------------------------------------------general font and background colours --*/

.bodyColor {
	background-color: #DBC4E0;
}

.atfColor {
	background-color: #CCCCFF;
}

.bodyTextColor {
	color: #663366;
}

.whiteBG {
	background-color: #EEEEEE;
}

.tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}


/*------------------------------------------------ paragraphs, heading, special styles --*/

p {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

/*-----------------------------------------------------------------------quote styles --*/


.gwQuote  {
	position: relative;
	color: #CC3300;
	text-align: center;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 10px;
}

.generalQuote  {
	position: relative;
	color: #CC3300;
	text-align: center;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;	
}

.attributedTo {
	position: relative;
	text-align: right;
	margin-top: 3px;
	margin-bottom: 10px;
	width: 100%;
	float: right;
}


/*----------------------------------------------------------------- generalPageHeading --*/

.generalPageHeading {
	position: relative;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 50px;
	color: #660066;
	vertical-align: middle;
	text-indent: 10px;
	font-size: 30px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}


.generalPageHeading img {
	position: relative;
	height: 50px;
	width: 50px;
	margin-left: 5px;
	margin-right: 5px;
	float: right;
	display: inline;
}

.generalPageHeading img.rightMost {
	margin-right: 10px;
}

/*----------------------------------------------------------------- --*/

.subHeading {
	font-size: 18px;
	text-indent: 10px;
	margin-bottom: 10px;	
}

.email {
	font-weight: bold;
	color: #FF3300;
	text-decoration: none;
	margin-bottom: 5px;
}

.email:hover {
	color: #660000;

}



/*-------------------------------------------------------------------- header and menus --*/

#header {
	height: 75px;
}

#headerMenu {
	position: absolute;
	height: 16px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	background-color: #aaaaFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #660066;
	line-height: 16px;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
}

#headerMenu a {
	color: #663366;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
}

#headerMenu a:hover {
	color: #FF9933;
}

#headerMenu div {
	color: #FF9933;
	margin-right: 10px;
	margin-left: 10px;
	display: inline;
}

#logo {
	position: absolute;
	left: 0px;
	top: 0px;
}

#homeIcon {
	position: absolute;
	top: 8px;
	right: 0px;
}

#usersInfo {
	position: absolute;
	height: 20px;
	width: 300px;
	text-align: right;
	right: 100px;
	top: 30px;
}

#logoutButton {
    position: absolute;
	border: 0px none;
	background-color: #DBC4E0;
	top: 0px;
	right: 0px;

}

/*------------------------------------------------------------------------------  atf -*/

.atf {
	height: 360px;
	_height: 358px;
	background-color: #CCCCFF;
}


/*------------------------------------------------------------------ atf  page division -*/

.half {
	position: relative;
	width: 50%;
	float: left;
	display:inline;
}

#rightHalf {
	float: right;
}


#leftHalf {
	float: left;
}

.fullHalf {
	position: relative;
	width: 50%;
	height: 100%;
	float: left;
	display:inline;
}


/*---------------------------------------------------------------------- forms stuff --*/

.fine {
	color: #330033;
}

.missing {
	color: #FF0000;
}

.mandatory {
	color: #FF0000;
}

.button
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #666699;
	height: 20px;
	width: 120px;
	cursor: hand;
	}

.formElement {
	position: relative;
	width: 100%;
	margin-bottom: 2px;
	height: 20px;
}


.formElement label, .label {
	position: relative;
	font-weight: bold;
	margin-left: 10px;

	height: 18px;
	width: 100px;
	float: left;
}

.field {
	position: relative;
	width: 200px;
	height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	display: block;
	float: left;
	min-width: 200px;
}

.formElement textarea {
	position: relative;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.button {
	position: relative;
	width: 100px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #330033;
	background-color: #9999FF;
	cursor: hand;	
}

.addToCartButton {
	position: relative;
	height: 20px;
	width: 102px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #663366;
	cursor: hand;
	border: #660066;
}

.addToCartButtonComponent {
	position: relative;
	height: 20px;
	width: 102px;
	margin-top: 5px;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #663366;
	cursor: hand;
	border: #660066;
	left: 10px;
}