body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
    color: #000;
	background-color: #FFF;
	margin-top: 0px;
	margin-left: 0px;
}
table {
	border-collapse: collapse; /*collapses the table so that there is no space between cells*/
	margin: 0px;
	padding: 0px;
	font-size: .9em;
}
.column td {  /*pads out the column by 5 pixels*/
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}
.servercolumn td { /*pads out the column by 5 pixels*/
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}

.rowheadercolumn td { /*pads out the column by 5 pixels*/
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}

.rowheadercolumn th { /*pads out the column by 5 pixels*/
	font-weight: bold;
    text-align: right;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}
.borderleft { /* will be used to give the table a border just on the left hand side*/
	border-left: 1px solid #000;
	background-color: #FFF;
	color: #000;
}
.borderbottom { /* will be used to give the table a border just on the bottom*/
	border-bottom: 1px solid #000;
}
.normal td{
	border:none;
}
.desktopleftbackground{ /*adds a background for the table headings which makes the highlights curved*/
    width: 20px;
    background-image: url(images/DesktopBackgroundLeftCorner.jpg);
}
.desktoprightbackground{ /*adds a background for the end of the main table to give curved finish */
    width: 20px;
    background-image: url(images/DesktopBackgroundRightCorner.jpg);
    background-position: top right;
}
.desktopbackground{ /*background used for main table. makes the highlights have no gaps*/
    background-image: url(images/DesktopBackground.jpg);
	background-repeat: repeat-x;
}
.serverleftbackground{
    width: 20px;
    background-image: url(images/ServerBackgroundLeftCorner.jpg);
}
.serverrightbackground{
    width: 20px;
    background-image: url(images/ServerBackgroundRightCorner.jpg);
    background-position: top right;
}
.serverbackground{
	background-image: url(images/ServerBackground.jpg);
	background-repeat: repeat-x;
}
.noteBookleftbackground{
    width: 20px;
    background-image: url(images/NoteBookBackgroundLeftCorner.jpg);
}
.noteBookrightbackground{
    width: 20px;
    background-image: url(images/NoteBookBackgroundRightCorner.jpg);
    background-position: top right;
}
.noteBookbackground{
	background-image: url(images/NoteBookBackground.jpg);
	background-repeat: repeat-x;
}
.column { /*makes each column 195 pixels wide*/
	width: 195px;
}
.rowheadercolumn { /*makes the header column 100 pixels wide*/
    width:100px;   
}
.rowheadertable { /*makes the header table 100 pixels wide*/
    width:100px;   
}
.headerimage {
    text-align: center; 
}
.price td{
    background-color: #FFF;
	font-size: 3em;
	color: #EE6946;
	font-weight: bold;
	padding-bottom: 0px;
}
.pricelittle td{
	font-size: .8em;
	padding-top: 0px;
}
.wasnow {
	font-size: 1em;
	text-transform: uppercase;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background-image: url(images/wasnowbar.png); /*give a red curved background for the cell*/
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #EE6946;
}
.wasnowgreen {
	color: #BECF69;
	background-color: #EE6946;
}
.desktopheader { /*used to give background image of tab for header of each Desktop*/
	height: 35px;
	font-weight: bold;
	color: #FFF;
	background-color: #DBA157;
	font-size: 1.2em;
	background-image: url(images/dektopheader.jpg);
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: bottom;
}
.serverheader { /*used to give background image of tab for header of each Server*/
	height: 35px;
	font-weight: bold;
	color: #FFF;
	background-color: #4685BB;
	font-size: 1.2em;
	background-image: url(images/serverheader.jpg);
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: bottom;
}
.noteBookheader { /*used to give background image of tab for header of each Notebook*/
	height: 35px;
	font-weight: bold;
	color: #FFF;
	background-color: #496968;
	font-size: 1.2em;
	background-image: url(images/noteBookheader.jpg);
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: bottom;
}
.desktopheader td {
    padding-bottom: 5px;
	padding-left: 10px;
}
.code {
    font-size: .85em;
	font-weight: bold;
	text-transform: uppercase;
}
.desktophighlight td{ /*highlight used for rows in table*/
    color: #000;
	background-color: #FCF0CE;
}
.desktophighlight { /*highlight used for rows in table*/
    color: #000;
	background-color: #FCF0CE;
}
.serverhighlight td{ /*highlight used for rows in table*/
    color: #000;
	background-color: #D1E3EF;
}
.serverhighlight { /*highlight used for rows in table*/
    color: #000;
	background-color: #D1E3EF;
}
.noteBookhighlight td{ /*highlight used for rows in table*/
    color: #000;
	background-color: #D3E0D7;
}
.noteBookhighlight { /*highlight used for rows in table*/
    color: #000;
	background-color: #D3E0D7;
}
.upgrades {
    border-collapse: collapse;
	width: 100%;
	font-size: 1em;
}
.upgradesheader {
	font-weight: bold;
	text-transform: uppercase;
	font-size: .9em;
}
.desktopcolour { /*used for background colour for upgrades header*/
    color: #FFF;
    background-color: #DBA157;
}
.servercolour { /*used for background colour for upgrades header*/
    color: #FFF;
    background-color: #4685BB;
}
.noteBookcolour { /*used for background colour for upgrades header*/
    color: #FFF;
    background-color: #496968;
}
.upgrade {
	font-size: 0.9em;
    border-bottom: 1px solid #000;
}
.upgradeprice {
	font-size: 0.9em;
    width: 50px;
	font-weight: bold;
	text-align: right;
	border-bottom: 1px solid #000;
}
.upgradepricelittle {
	font-size: 0.85em;
	text-align: right;
	font-weight: bold;
}
.desktops { /*used for Desktops header tab*/
	font-size: 1em;
	background-color: #DBA157;
	text-transform: uppercase;
	color: #FFF;
	width: 150px;
	height: 75px;
	text-align: center;
	background-image: url(images/desktop.jpg);
}
.servers { /*used for Servers header tab*/
	font-size: 1em;
	background-color: #DBA157;
	text-transform: uppercase;
	color: #FFF;
	width: 150px;
	height: 75px;
	text-align: center;
	background-image: url(images/server.jpg);
}
.noteBooks { /*used for NoteBooks header tab*/
	font-size: 1em;
	background-color: #DBA157;
	text-transform: uppercase;
	color: #FFF;
	width: 150px;
	height: 75px;
	text-align: center;
	background-image: url(images/noteBook.jpg);
}
.headertext {
	position: relative;
	top: 28px;
}