/** Colours                   **/
/** Purple          = #341D7A **/
/** Light Turquoise = #BFDADD **/
/** Dark Grey/Green = #5F9E9D **/

html{
	min-height: 101%;    /** force scrollbar all the time on firefox **/
	margin-bottom: 1px;  /** stops page jumping about as you use the top menu bar **/
	}

body{
	margin: 10px;
	color: #341D7A;
	background-color: white;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	}
	
hr{
	height: 3px;
	width: 100%;
	color: #BFDADD; /** for IE **/
	background-color: #BFDADD; /** for Firefox **/
	border:0px;
	}
	
/** Text fonts stuff **/
	
h1,h2,h3,h4,h5,h6{
	font-size: 120%;
	}

.supplierfooter{
	font-style:italic;
	}

.companydetails{
	font-size: 80%;
	}

.emphasis{
	font-weight: bold;
	}

.quotetext{
	font-style: italic;
	font-weight: bold;
	}

.quotename{
	font-weight: bold;
	}
	
.quoteposition{
	font-size: 80%;
	}

.artemone{
	color: #FF1A00;
	background-color: transparent;
	}

.artemonitalics{
	font-style:italic;
	}
		
/** end of Text fonts stuff **/

/** Table stuff **/
/** default table is visible with centered text **/
	
table{
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #BFDADD;
    border-collapse: collapse;
    font-size: 100%;
    width: 500px;
	}
	
tr, td, th{
	padding: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #BFDADD;
    border-collapse: collapse;
    font-size: 100%;
    text-align: center;
	}

th{
    color: #341D7A;
    background-color: #BFDADD;
	}

/** class for invisible tables **/
	
.table-transparent, .table-transparent-left,
 .table-transparent-left-news, .table-transparent-left-news-firstcol,
 .table-transparent-left-solutions, .table-transparent-left-solutions-firstcol{
	margin: 0px 0px 0px 0px;   /** top,r,bottom,l **/
	padding: 10px 10px 10px 10px;  /** top,r,bottom,l **/
	border-style: hidden;
	border-width: 0px;
	text-align: center;
	vertical-align: middle;
	}

/** classes for invisible tables with left aligned text **/

.table-transparent-left{
	text-align: left;
	}

.table-transparent-left-news{
	text-align: left;
	padding: 3px 0px 3px 0px;  /** top,r,bottom,l **/
	font-weight: bold;
	}

.table-transparent-left-news-firstcol{
	text-align: left;
	padding: 3px 0px 3px 0px;  /** top,r,bottom,l **/
	font-weight: bold;
	width: 79px;
	}

.table-transparent-left-solutions{
	text-align: left;
	vertical-align: top;
	}

.table-transparent-left-solutions-firstcol{
	text-align: left;
	vertical-align: top;
	width: 100px;
	}
	
/** end of Table stuff **/

/** Links stuff **/
	
a:link{
	text-decoration: underline;
	color: #341D7A;
	background-color: white;
	}

a:active{
	text-decoration: underline;
	color: #341D7A;
	background-color: white;
	}
 
a:visited{
	text-decoration: underline;
	color: #341D7A;
	background-color: white;
	}
	 
a:hover{
	text-decoration: underline;
	color: #5F9E9D;
	background-color: white;
}
	
ul, li{
/**	list-style-image: url('images/affiniteeu/affbullet2.gif'); **/
}

ul.indentedlistnobullet{
	margin: 0px 0px 0px 0px;     /** top,r,bottom,l **/
	padding: 0px 0px 0px 0px;   /** top,r,bottom,l **/
	list-style-image: none;
	list-style-type: none;
}

li.indentedlistnobullet, li.indentedlistnobulletsupplierfooter{
	margin: 0px 5px 0px 40px;     /** top,r,bottom,l **/
	padding: 10px 0px 3px 0px;   /** top,r,bottom,l **/
	list-style-image: none;
	list-style-type: none;
}

li.indentedlistnobulletsupplierfooter{
	font-style:italic;
}

h4.indentedlistnobullet{
	margin: 0px 0px 0px 0px;     /** top,r,bottom,l **/
	padding: 20px 0px 0px 0px;   /** top,r,bottom,l **/
}

/** end of Links stuff **/

/** CSS Forms stuff **/

input, textarea, select, label {
	margin: 0px;
	margin-bottom: 10px;
	color: black; /** to emphasise that they are input fields **/
	background-color: white;	
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 100%;
	display: block;
	width: 320px;
	float: left;
}

label {
	padding-right: 20px;
	color: #341D7A;
	width: 90px;
	text-align: right;
}

select {
	width: 324px;  /** select box is narrower for some reason **/
}

br {
	clear: left;
}

input#submit, input#reset {
	margin: 0px 10px 10px 0px;   /** top,r,bottom,l **/
	width: 100px;
}

textarea#comments {
}

fieldset{
}

legend{
}

/** end of CSS Forms stuff **/
		
/** CONTAINER stuff **/
#container {
	width: 750px;
	padding: 5px 5px 5px 5px;  /** top,r,bottom,l **/
	margin: 0px auto 0px auto; /** top,r,bottom,l **/
	color: #341D7A;
	background-color: #BFDADD;
	border: none;
	height: 1%;  /** IE5-6 3 pixel jog fix **/
	}

/** n.b. banner_750x75.jpg is 750px wide **/						
#banner {
	width: 750px;
	padding: 0px 0px 0px 0px;  /** top,r,bottom,l **/
	margin: 0px 0px 0px 0px;   /** top,r,bottom,l **/
	color: #341D7A;
	background-color: #BFDADD;
	}

#topbar {
	/**do not specify width **/
	padding: 0px 0px 0px 0px;  /** top,r,bottom,l **/ 
	margin: 6px 0px 7px 0px;   /** top,r,bottom,l **/ 
	color: #341D7A;
	background-color: #BFDADD;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	}

#topbar A {
	padding: 0px 2px 0px 2px; /** top,r,bottom,l **/
	margin: 0px 0px 0px 0px; /** top,r,bottom,l **/ /** gap between buttons **/
	color: #341D7A;
	background-color: #BFDADD;
	border: none; /** border around the buttons **/
	background-image: url('images/affiniteeu/BFDADD_100x10.gif');
	background-repeat: no-repeat; 
	text-decoration: none;
	display: inline;
	text-align: center;
	}

#topbar A:hover {
	background-image: url('images/affiniteeu/341D7A_100x10.gif');
	background-repeat: repeat-y; 
	color: white; 
	background-color: #cccccc
	}
	
#content {
	width: 520px;
	padding: 10px 10px 10px 10px;  /** top,r,bottom,l **/
	margin: 0px 105px 0px 105px;
	color: #341D7A;
	background-color: white;
	height: 1%;  /** IE5-6 3 pixel jog fix for mis-aligned bullets **/
	min-height: 450px;
	font-size: 100%;
	}
	
* html #content {             	  /** IE5-6 3 pixel jog fix for content area displaced to bottom of screen**/
	margin: 0px 102px 0px 102px;  /** IE5-6 3 pixel jog fix **/
}                             	  /** IE5-6 3 pixel jog fix **/
	
#leftbar {
	width: 100px;
	padding: 0px 0px 0px 0px;  /** top,r,bottom,l **/
	margin: 0px 0px 0px 0px;   /** top,r,bottom,l **/
	color: #341D7A;
	background-color: #BFDADD;
	font-size: 90%;
	font-weight: bold;
	float: left;
	}

#leftbar A {
	padding: 3px 0px 3px 3px; /** top,r,bottom,l **/
	margin: 0px 0px 1px 0px; /** top,r,bottom,l **/ /** gap between buttons **/
	color: #341D7A;
	background-color: #BFDADD; 
	border: 1px solid #341D7A; /** border around the buttons **/
	display: block; 
	background-image: url('images/affiniteeu/BFDADD_100x10.gif');
	background-repeat: repeat-y; 
	text-decoration: none;
	}

#leftbar A:hover {
	background-image: url('images/affiniteeu/341D7A_100x10.gif');
	background-repeat: repeat-y; 
	color: white; 
	background-color: #cccccc
	}
	
#rightbar {
	width: 100px;
	padding: 0px 0px 0px 0px;  /** top,r,bottom,l **/
	margin: 0px 0px 0px 0px;   /** top,r,bottom,l **/
	color: #341D7A;
	background-color: #BFDADD;
	float: right;
	border: none;
	}		
		
#footer {
	width: 520px;
	padding: 1px 10px 5px 10px;   /** top,r,bottom,l **/
	margin: 5px 105px 0px 105px;  /** top,r,bottom,l **/
	color: #341D7A;
	background-color: white;
	font-size: 80%;
	text-align: right;
	clear: both;
	}
	
/** end of CONTAINER stuff **/

/** Images stuff **/

img.border {
	border: 1px solid #341D7A;
	} 
	
.pic-right, .pic-right-noborder, .pic-left , pic-left-noborder{
	border: 1px solid #341D7A;
	padding: 3px;
	} 

.pic-right {
	margin: 10px 0px 10px 10px;  /** top,r,bottom,l **/
	float: right;
	}

.pic-right-noborder {
	margin: 10px 0px 10px 10px;  /** top,r,bottom,l **/
	float: right;
	border: none;
	}

.pic-left {
	margin: 10px 10px 10px 0px;  /** top,r,bottom,l **/
	float: left;
	}

.pic-left-noborder {
	margin: 10px 10px 10px 5px;  /** top,r,bottom,l **/
	float: left;
	border: none;
	}

.pic-left p, .pic-left-noborder p, .pic-right p {
	margin-top: 2px;
	margin-bottom: 0px;
	}

.pic-rightbar {
	padding: 0px 0px 10px 0px;  /** top,r,bottom,l **/
	margin: 0px 0px 0px 0px;   /** top,r,bottom,l **/
	border: none;
	float: right;
	}

.pic-rightbar_adobe {
	padding: 5px 6px 15px 6px;  /** top,r,bottom,l **/ /** Adobe logo is 88px wide **/
	margin: 0px 0px 0px 0px;   /** top,r,bottom,l **/
	border: none;
	float: right;
	}
	
.pic-centre-noborder {
	margin: 10px auto 10px auto;  /** top,r,bottom,l **/
	border: none;
	display: block;
	}

.clear {
	clear: both;
	}
	
/** end of Images stuff **/