/* CSS Document */

body {
	text-align: center;
	margin: 0;
	background: #990000 url(../images/background-tile.gif) top left repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	color: #444444;
	line-height: 1.2em;
}

a:link {color: #ea0053; text-decoration: none;}
a:visited {color: #ea0053; text-decoration: none;}
a:hover {color: #444444; text-decoration: underline;}
a:active {color: #ea0053; text-decoration: none;}

/*a:link {color: #cf5353; text-decoration: none;}
a:visited {color: #cf5353; text-decoration: none;}
a:hover {color: #cf5353; text-decoration: underline;}
a:active {color: #cf5353; text-decoration: none;}*/

p {margin-top: 0px; margin-bottom: 16px;}

.pEnd {margin: 0px;}

img { border: 0; }

.noteText {font-size: 0.8em;}

.mandatory {font-size: 1.2em; color: #CC0000;}

input {/*padding: 3px;*/ font-size: 1.0em;}

textarea {padding: 3px; font-size: 1.0em;}

.button {cursor: pointer;}

.end {
	clear: both;
}
.paddingBottom20px {padding: 0 0 20px 0;}
.paddingBottom10px {padding: 0 0 10px 0;}

.space10px {padding: 0 10px;}
.space3px {padding: 0 3px;}


.genPicHolder {width: 100%}
.genPicLeft {float: left; border: #444444 solid 8px;}
.genPicRight {float: right; border: #444444 solid 8px;}
.researchPicRight {float: right; text-align: center;}


h1 {
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.0em;
	margin: 0 0 10px 0;
	padding: 0;
}

h2 {
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 0 20px 0;
	padding: 0;
}
hr {
	border-top: #444444 dotted 1px;
	border-right: #f9f7ee solid 1px;
	border-bottom: #f9f7ee solid 1px;
	border-left: #f9f7ee solid 1px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
}

td {padding: 0 10px 10px 0;}
table {margin: 0 0 10px 0;}

#holdingPage {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background: #e0d8bb;
}

#wrapper {
	margin: 0 auto;
	padding: 43px 0;
	width: 100%;
	height: 800px;
	background: url(../images/background.gif) top center no-repeat;
}

#pageHolder {
	margin: 0 auto;
	width: 990px;
	height: 710px;
	background: #ffffff;
	text-align: left;
}

#logoHolder {
	width: 100%;
	background: url(../images/banner.gif) top left no-repeat;
	height: 235px;
}

#titleHolder {
	width: 637px;
	float: right;
	margin: 45px 40px 0px 0px;
}

#titleHolder a {color: #000;}

#introText {
	width: 637px;
	float: right;
	margin: 40px 40px 0px 0px;
}

#navigation {
	width: 637px;
	float: right;
	text-align: right;
	font-size: 0.8em;
	/*font-weight: bold;*/
	color: #FFFFFF;
	margin: 20px 40px 0px 0px;
}

.navItem {
	display: inline;
}

.navItem a:link {color: #FFFFFF; text-decoration: none;}
.navItem a:visited {color: #FFFFFF; text-decoration: none;}
.navItem a:hover {color: #ea0053; text-decoration: none;}
.navItem a:active {color: #FFFFFF; text-decoration: none;}

#current a{color:#ea0053; text-decoration: none;}

#introText02 {
	width: 637px;
	float: right;
	margin: 50px 40px 0px 0px;
}

#contentHolder {
	width: 100%;
	height: 285px;
	background: url(../images/007-background.gif) top left no-repeat;
}

#homeColHolder {
	width: 100%;
	height: 155px;
	margin: 10px 0 0 0;
}

#homeCol01 {
	width: 220px;
	float: left;
	margin: 0px 0px 0px 37px;
}

#homeCol02 {
	width: 220px;
	float: left;
	margin: 0px 0px 0px 120px;
}

#homeCol03 {
	width: 260px;
	float: left;
	margin: 0px 0px 0px 80px;
}

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

.findOutMore a:link {background: url("../images/find-out-more.gif") top left no-repeat; background-position: -4px 0px; padding: 18px 168px 0 0; border: 0; color: #FFF;}
.findOutMore a:visited {background: url("../images/find-out-more.gif") top left no-repeat; background-position: -4px 0px; padding: 18px 168px 0 0; border: 0; color: #FFF;}
.findOutMore a:hover {background: url("../images/find-out-more.gif") top left no-repeat; background-position: -179px 0; padding: 18px 168px 0 0; border: 0; color: #FFF;}
.findOutMore a:active {background: url("../images/find-out-more.gif") top left no-repeat; background-position: -4px 0px; padding: 18px 168px 0 0; border: 0; color: #FFF;}



#personalisedColHolder {
	width: 100%;
	height: 450px;
	background: url(../images/blank-background.gif) top left no-repeat;
}

#personalisedCol01 {
	width: 410px;
	float: left;
	margin: 0px 0px 0px 37px;
}

#personalisedCol02 {
	width: 470px;
	float: left;
	margin: 0px 0px 0px 37px;
}

.contactOrder {padding: 20px 0 0 0;}

.contactOrder a:link {background: url("../images/contact-order.gif") top left no-repeat; background-position: -4px 0px; padding: 22px 248px 0 0; border: 0; color: #FFF;}
.contactOrder a:visited {background: url("../images/contact-order.gif") top left no-repeat; background-position: -4px 0px; padding: 22px 248px 0 0; border: 0; color: #FFF;}
.contactOrder a:hover {background: url("../images/contact-order.gif") top left no-repeat; background-position: -259px 0; padding: 22px 248px 0 0; border: 0; color: #FFF;}
.contactOrder a:active {background: url("../images/contact-order.gif") top left no-repeat; background-position: -4px 0px; padding: 22px 248px 0 0; border: 0; color: #FFF;}

.orderNow {padding: 20px 0 0 0;}

.orderNow a:link {background: url("../images/order-now.gif") top left no-repeat; background-position: -4px 0px; padding: 22px 148px 0 0; border: 0; color: #FFF;}
.orderNow a:visited {background: url("../images/order-now.gif") top left no-repeat; background-position: -4px 0px; padding: 22px 148px 0 0; border: 0; color: #FFF;}
.orderNow a:hover {background: url("../images/order-now.gif") top left no-repeat; background-position: -157px 0; padding: 22px 148px 0 0; border: 0; color: #FFF;}
.orderNow a:active {background: url("../images/order-now.gif") top left no-repeat; background-position: -4px 0px; padding: 22px 148px 0 0; border: 0; color: #FFF;}



/*FOOTER*/

#footerHolder {
	clear: both;
	width: 950px;
	padding: 2px 0 1px 40px;
	font-size: 0.7em;
	line-height: 1.8em;
	background: #000000;
	color: #FFFFFF;
	cursor: pointer; 
}

#footerHolder a:link {color: #FFF; text-decoration: none;}
#footerHolder a:visited {color: #FFF; text-decoration: none;}
#footerHolder a:hover {color: #ea0053; text-decoration: none;}
#footerHolder a:active {color: #FFF; text-decoration: none;}



.footerLeft {
	padding: 2px 10px 0px 0px;
	float: left;
	text-align: left;
	cursor: pointer; 
}

.footerRight {
	padding: 0px 10px 0px 0px;
	float: right;
	/*width: 400px;*/
	text-align: right;
	cursor: pointer; 
}