a{
color: #339999;
}

#container{
position: relative;
width: 800px;
height: 600px;
left: 100px;
align: center;

}

#titlecontainer{
width: 800px;
height: 10px;

}



#menucontainer {
	position: absolute;
	width: 130px;
	height: 200px;
	top : 300px;
	margin-top: 0px;
	font-weight: normal;
	
}



#contentcontainer {
	position: absolute;
	width: 640px;
	height: 360px;
	left: 60px;
	Top: 30px;
	background-color: #FFFFFF;
	margin-top: 0px;
	font-weight: normal;
	
}

html>body #contentcontainer {
	position: absolute;
	width: 650px;
	height: 315px;
	left: 170px;
	Top: 260px;
	background-color: #FFFFFF;
	margin-top: 0px;
	font-weight: normal;
	
}

#headercontainer {
	position: absolute;
	width: 800px;
	height: 25px;
	left: 10px;
	Top: 220px;
	background-color: #FF9933;
	font-weight: normal;
}


#homebutton{
text-indent: 10000px;
overflow: hidden;
height: 35px;
width: 140px;
background: url('images/home.gif') top left no-repeat; 
display: block;
border: 0;
}

#homebutton:hover{
background-position: -136px;
height: 35px;
width: 140px;
display: block;
border: 0;
}

#brandsbutton{
height: 35px;
width: 133px;
text-indent: 10000px;
overflow: hidden;
background: url('images/brands.gif'); 
top left no-repeat;
display: block;
border: 0;
}

#brandsbutton:hover{
top:
height: 35px;
width: 140px;
text-indent: 10000px;
overflow: hidden;
background-position: -136px;
top left no-repeat;
display: block;
border: 0;
}

#fujitsubutton{
height: 30px;
width: 130px;
left: 30px;
text-align: center;
text-indent: 10000px;
overflow: hidden;
background: url('images/fujitsu.gif'); 
top left no-repeat;
display: block;
border: 0;
}

#fujitsubutton:hover{
top:
height: 30px;
width: 130px;
text-indent: 10000px;
overflow: hidden;
background: url('images/fujitsu-2.gif'); 
top left no-repeat;
display: block;
border: 0;
}

#jvcbutton{
height: 30px;
width: 130px;
text-indent: 10000px;
overflow: hidden;
background: url('images/jvc.gif'); 
top left no-repeat;
display: block;
border: 0;
}

#jvcbutton:hover{
top:
height: 30px;
width: 130px;
text-indent: 10000px;
overflow: hidden;
background: url('images/jvc-2.gif'); 
top left no-repeat;
display: block;
border: 0;
}

#pentaxbutton{
height: 30px;
width: 130px;
text-indent: 10000px;
overflow: hidden;
background: url('images/pentax.gif'); 
top left no-repeat;
display: block;
border: 0;
}

#pentaxbutton:hover{
top:
height: 30px;
width: 130px;
text-indent: 10000px;
overflow: hidden;
background: url('images/pentax-2.gif'); 
top left no-repeat;
display: block;
border: 0;
}

#gfibutton{
height: 35px;
width: 140px;
text-indent: 10000px;
overflow: hidden;
background: url('images/gfi.gif'); 
top left no-repeat;
display: block;
border: 0;
}

#gfibutton:hover{
top:
height: 35px;
width: 140px;
text-indent: 10000px;
overflow: hidden;
background-position: -136px;
top left no-repeat;
display: block;
border: 0;
}

#aboutbutton{
height: 35px;
width: 140px;
text-indent: 10000px;
overflow: hidden;
background: url('images/about.gif'); 
top left no-repeat;
display: block;
border: 0;
}

#aboutbutton:hover{
top:
height: 35px;
width: 140px;
text-indent: 10000px;
overflow: hidden;
background-position: -136px; 
top left no-repeat;
display: block;
border: 0;
}

#catbutton{
height: 35px;
width: 140px;
text-indent: 10000px;
overflow: hidden;
background: url('images/cat.gif'); 
top left no-repeat;
display: block;
border: 0;
}

#catbutton:hover{
top:
height: 35px;
width: 140px;
text-indent: 10000px;
overflow: hidden;
background-position: -136px; 
top left no-repeat;
display: block;
border: 0;
}

#contactbutton{
height: 35px;
width: 140px;
text-indent: 10000px;
overflow: hidden;
background: url('images/contact.gif'); 
top left no-repeat;
display: block;
border: 0;
}

#contactbutton:hover{
top:
height: 35px;
width: 140px;
text-indent: 10000px;
overflow: hidden;
background-position:-136px; 
top left no-repeat;
display: block;
border: 0;
}



h1
{
position: absolute; 
text-align: left;
colour: FF9933;
font-family: Times;
font-size: 8px;
}

h1.heading{
position:absolute;
left:100px;
top: 2px;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
}

html>body h1.heading{
position:absolute;
left:100px;
top: -7px;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
}


h1.back
{
position: absolute; 
text-align: left;
color: #339999;
font-family: Ariel;
font-size: 16px;
}

h1.more
{
position: absolute; 
text-align: left;
color: #339999;
font-family: Ariel;
font-size: 16px;
}



h1.orangetextheading2
{
position:relative;
color: #FF9900;
font-family: Ariel;
font-size: 16px;
top: 140px;
}

h1.orangetextheading3
{
position:relative;
color: #FF9900;
font-family: Ariel;
font-size: 16px;
left: 0px;
top: 80px;
}

h1.orangetextspecial
{
position:relative;
color: #FF9900;
font-family: Ariel;
font-size: 16px;
top: 140px;
}

h1.orangetextspecial2
{
position:relative;
color: #FF9900;
font-family: Ariel;
font-size: 16px;
left: 0px;
top: 50px;
}

h1.orangetextspecial3
{
position:realative;
color: #FF9900;
font-family: Ariel;
font-size: 16px;
top: 1300px;

}

h1.descriptiontext
{
position: absolute;
color: #000000;
font-family: Ariel;
font-size: 11px;
left: 0px;
top: 70px;
font-weight: normal;
}

h1.descriptiontext2
{
position: relative;
color: #000000;
font-family: Ariel;
font-size: 11px;
top: 90px;
font-weight: normal;
}

h1.descriptiontext3
{
position: relative;
color: #000000;
font-family: Ariel;
font-size: 11px;
top: 30px;
font-weight: normal;
}

h1.greenpricetext
{
position: relative;
color: #339999;
font-family: Ariel;
font-size: 16px;
top: 80px
}

h1.greenpricetext2
{
position: relat;
color: #339999;
font-family: Ariel;
font-size: 16px;
left: 0px;
top: 710px;
}

h1.greenpricetext3
{
position: relative;
color: #339999;
font-family: Ariel;
font-size: 16px;
bottom: 10px;
}

h1.vat1
{
position: relative;
font-family: Ariel;
font-size: 10px;
color: #339999;
top: 70px;
}

h1.vat2
{
position: relative;
font-family: Ariel;
font-size: 10px;
color: #339999;
top: 15px;
}

h1.vat3
{
position: relative;
font-family: Ariel;
font-size: 10px;
color: #339999;
bottom: 25px;
}




h2
{
position: absolute; 
text-align: left;
colour: #FFFFFF;
font-family: Ariel;
font-size: 16px;
left: 200px;
top: 0px;
}

h3
{
position: absolute; 
text-align: center;
colour: #339999;
font-family: Ariel;
font-size: 16px;
left: 40px;
top: 30px;
}



h6.style1{
position: absolute;
top: 100px;
left: 50px;
text-align: center;
color: #Black;
font-style: italic;
font-family: ariel;
font-size: 15px;
color: Red;
}

p
{
position: absolute;
top: 100px; 
right: 50px; 
colour: Black;
font-family: Times;
font-size: 12px;
}

p.bmwtext{
position: absolute;
top: 120px;
left: 20px;
font-family: Arial;
font-size: 16px;
color: #3F65B2;
font-weight: Bold;
text-align: center;
}

p.offer1{
position: absolute;
top: 300px;
left: 10px;
}

p.headertext{
position:absolute;
left:150px;
top: -0em;
color: #000000;
font-weight: bold;
font-size: 14px;
}

p.brandstext{
position: absolute;
left: 20px;
top: 0px;
color: #339999;
text-align: center;
font-size: 16px;
}

p.back{
position: absolute;
left: 400px;
top: 17px;
color: #FFFFFF;
font-weight: bold;
font-size: 16px;
}

p.more{
position: absolute;
left: 500px;
top: 17px;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
}

p.wccc{
position: absolute;
left: 60px;
top: 0px;
color: #339999;
text-align: center;
font-weight: bold;
font-size: 18px;
}

p.cat-text{
position: absolute;
left: 50px;
top: 60px;
color: #339999;
text-align: center;
font-size: 16px;
}

p.cat-download{
position: absolute;
left: 150px;
top: 1200px;
color: #339999;
text-align: center;
text-decoration: none;
font-size: 16px;
}

p.contacttext{
position: absolute;
left: 50px;
top: 0px;
color: #339999;
text-align: center;
text-decoration: none;
font-size: 16px;
}



img.title
{
position:absolute;
left:0px;
top:15px;
}

img.logo
{
position:absolute;
left:660px;
top:5px;
}

img.brandlogo
{
position: absolute;
left: 300px;
top: -80px;
text-align: center;
}

img.brands{
border: 0;
}


img.fsclogoelite
{
position: absolute;
left: 150px;
top: 0px;
}

img.ibmlogo
{
position: absolute;
left: 140px;
top: 0px;
}


img.url
{
position:absolute;
left:0px;
top:55px;
}

img.star
{
position:absolute;
left:10px;
top:-15px;
}

img.spimg
{
position:absolute;
left:0px;
}

img.spimg2
{
position:absolute;
left:0px;
top:330px;
}

img.spimg3
{
position:relative;
left:-20px;
top:790px;
}

img.spimglogo1
{
position:absolute;
left:0px;
top:0px;
}

img.spimglogo2
{
position:absolute;
left:-10px;
top:320px;
}

img.spimglogo3
{
position:absolute;
left:-10px;
top:770px;
}


img.ibm1
{
position:absolute;
left:0px;
top: 0px;
}

img.brands{
border: 0;
}

img.gfi1
{
position:absolute;
left:0px;
}

img.animated1
{
position:absolute;
left:0px;
top:0px;
width: 650px;
}

img.aboutus1
{
position:absolute;
left:-10px;
top:30px;
width: 650px;
}

html>body img.aboutus1
{
position:absolute;
left:-20px;
top:50px;
width: 650px;
}

img.acrobat
{
border: 0;
}

img.cat-screen
{
position:absolute;
left:0px;
top:250px;
border: 0;
}

img.pentax{
position: absolute;
left: 0px;
top: 10px;
}

img.jvc{
position: absolute;
left: 0px;
top: 10px;
}

table.specialoffers {
position:relative;
align: center;
color: green;
width: 620px;
height: 10px;
font-weight: Bold;
top:10px;
border: 1;
}

table.contacttable {
position:absolute;
align: center;
font-weight: Bold;
color: #339999;
left:100px;
top:200px;
}

table.abouttable {
position:absolute;
align: center;
  font-family: cooper black;
  font-size: 15px;
left:200px;
top:0px;
width: 200px;
height: 10;
font-weight: Bold;
border: 0;
}

table.abouttable a:link, a:active, a:visited { color: #339999; }

td.img
{
width: 100px;
}


td.orangetextheading
{
color: #FF9900;
font-family: Ariel;
}

td.descriptiontext
{
color: #000000;
font-family: Ariel;
font-size: 11px;
font-weight: normal;
}

td.pricetext
{
color: #FF9900;
font-family: Ariel;
font-size: 16px;
}

td.price
{
color: #339999;
font-family: Ariel;
font-size: 16px;
}

td.vat
{
color: #339999;
font-family: Ariel;
font-size: 10px;
}

table.brands{
position:absolute;
left:20px;
top: 150px;
width: 630px;
color: #000000;
font-weight: bold;
font-size: 14px;
}


/* commented backslash hack v2 \*/
* html li, * html a {height:1%}
/* end hack */