@import url("common.css");
html, body{
background: #cccccc;
color: #000000; 
text-align: center;
margin: 0px 0 0px 0;
padding: 5px 0px 0px 0px;
font-family:  Arial, Helvetica, sans-serif;
font-size: 11px;
}
table, th, td, p{
font-family:  Arial, Helvetica, sans-serif;
}
#container{
margin: 0px 0 0 0;
position: relative;
width: 798px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 0px 0px 0px 0px;
background: #ffffff url(../images/containerbg-new.gif) no-repeat 0px bottom;
height: auto !important;
height: 600px;
min-height: 600px;
border: 20px solid #ffffff;

} 



#home #container{
/*background: #ffffff url(../images/greenfade.gif) no-repeat 148px bottom;*/
background-image:none;
background-color:#FFFFFF;
}

#header{
background: #15043a url(../images/new-header.jpg) no-repeat;
height: 83px;
border-bottom: 3px solid #ffffff;
position: relative;
}

#home #header{
background: #15043a url(../images/new-header.jpg) no-repeat;
height: 83px;
border-bottom: 3px solid #ffffff;}

#menu{
margin: 0px;
padding: 0px 0 0 0;
width: 148px;
float: left;
position: relative;
background:#ffffff;
}

#menu ul{
margin: 0px;
padding: 0px;
}

#menu ul li{
margin: 0px;
padding: 2px 0px;
list-style-type: none;
display: inline;
}

#splash{
	width: 650px;
	height: 222px;
	float: left;
	margin: 0px 0px 4px 0px;
	position: relative;
	background: #15043a;
	background-image: url(../email/olivetti/olivetti-multi-functional-range.jpg);
	background-color: #15043a;
}

#home #splash{
width: 650px; 
height: 235px;
float: left;
margin: 0px 0px 4px 0px;
position: relative;
background: #15043a;

/*background: url(../images/uploads/headers/home.jpg) no-repeat;*/
}


#pipe #splash{
background: #15043a url(../images/uploads/headers/pipe.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#pipe #splash{
background: #15043a url(../images/uploads/headers/pipe.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#peacock #splash{
background: #15043a url(../images/uploads/headers/peacock2.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#netplot #splash{
background: #15043a url(../images/uploads/headers/netplot.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#netplot2 #splash{
background: #15043a url(../images/uploads/headers/netplot2.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#blow #splash{
background: #15043a url(../images/uploads/headers/blow.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#compass #splash{
background: #15043a url(../images/uploads/headers/compass.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#mask #splash{
background: #15043a url(../images/uploads/headers/mask.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#shock #splash{
background: #15043a url(../images/uploads/headers/shock.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#tshirt #splash{
background: #15043a url(../images/uploads/headers/tshirt.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#woman #splash{
background: #15043a url(../images/uploads/headers/woman.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#superman #splash{
background: #15043a url(../images/uploads/headers/superman.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#contact #splash{
background: #15043a url(../images/uploads/headers/contact.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#hilton #splash{
background: #15043a url(../images/uploads/hp/hilton-inner-hdr.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#bluecoat #splash{
background: #15043a url(../images/uploads/hp/bluecoat-inner-hdr.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#hp-designjet-510 #splash{
background: #fff url("../specialoffers/510/save.jpg") no-repeat 0px 0px;
height: 264px;
width: 485px;
}

#atec #splash{
background: #fff url("../specialoffers/atec/open-day.jpg") no-repeat 0px 0px;
height: 280px;
width: 485px;
}

#entopenday #splash{
background: #fff url("../specialoffers/atec/ent-open-day.jpg") no-repeat 0px 0px;
height: 280px;
width: 485px;
}

#hp-designjet-t790e #splash{
background: #fff url("../specialoffers/t790e/t790e.jpg") no-repeat 0px 0px;
height: 350px;
width: 485px;
}

#oce-plotwave-300 #splash{
background: #15043a url("../specialoffers/oce-plotwave-300/oce-plotwave-300.jpg") no-repeat 0px 0px;
height: 264px;
width: 485px;
}

#oce-colorwave-300 #splash{
background: #15043a url("../specialoffers/oce-colorwave-300/oce-colorwave-300.jpg") no-repeat 0px 0px;
height: 264px;
width: 485px;
}

#olivetti-mf-range #splash{
background: #15043a url("../email/olivetti/olivetti-multi-functional-range.jpg") no-repeat 0px 0px;
height: 327px;
width: 485px;
}

#easter510 #splash{
background: #15043a url("../email/easter/hp-designjet-510.jpg") no-repeat 0px 0px;
height: 264px;
width: 485px;
}

#hp-designjet-t2300-emfp #splash{
background: #fff url("../specialoffers/t2300/hp-designjet-t2300-emfp.jpg") no-repeat 0px 0px;
height: 338px;
width: 485px;
}

#kip3100 #splash{
background: #fff url("../specialoffers/kip3100/main.jpg") no-repeat 0px 0px;
height: 274px;
width: 485px;
}

#cake #splash{
background: #fff url("../specialoffers/cake/cake.jpg") no-repeat 0px 0px;
height: 274px;
width: 485px;
}

#olivetti01 #splash{
background: #fff url("../specialoffers/olivetti/mf220.jpg") no-repeat 0px 0px;
height: 482px;
width: 485px;
}

#hp-preventative-maintenance #splash{
background: #15043a url("../specialoffers/hp-preventative-maintenance/preventative-maintenance.jpg") no-repeat 0px 0px;
height: 198px;
width: 485px;
}

#upgrade-save #splash{
background: #15043a url("../specialoffers/upgrade-save/upgrade-save-main.gif") no-repeat 0px 0px;
height: 280px;
width: 485px;
}

#pencils #splash{
background: #15043a url(../images/uploads/headers/pencils.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#scrollplans #splash{
background: #15043a url(../images/uploads/headers/scrollplans.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#flowers #splash{
background: #15043a url(../images/uploads/headers/flowers.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#mask2 #splash{
background: #15043a url(../images/uploads/headers/mask2.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#zebra #splash{
background: #15043a url(../images/uploads/headers/zebra.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#chalets #splash{
background: #15043a url(../images/uploads/headers/chalets.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#plans1 #splash{
background: #15043a url(../images/uploads/headers/plans1.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#chameleon #splash{
background: #15043a url(../images/uploads/headers/chameleon.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#colourcard #splash{
background: #15043a url(../images/uploads/headers/colourcard.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#dice #splash{
background: #15043a url(../images/uploads/headers/dice.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}

#startline #splash{
background: #15043a url(../images/uploads/headers/startline.jpg) no-repeat 0px 0px;
height: 219px;
width: 485px;
}




#home #splash img{
position: absolute;
top:0px;
left: 0px;
}



#splash img{
position: absolute;
top: 83px;
left: 265px;
}


#newsbox{
position: absolute;
top: 240px;
left: 197px;
width: 147px;
height: 401px; 
margin: 0px;
background: transparent url(../images/newsbox.png) no-repeat 0px 34px !important;
background: url(../images/newsbox.gif) no-repeat 0px 35px ;
color: #271a40;
}

#home #newsbox{
left: 160px;}

#newsbox p{
margin: 10px 15px 0px 10px;
padding: 0px 0px 10px 0px;
font-size: 10px;
}

#newsbox h1{
background: transparent url(../images/newshead.png) no-repeat !important;
background: url(../images/newshead.gif) no-repeat;
margin: 0px 0px 0px 0px;
height: 35px;
}

#newsbox a{
color: #271a40;
}

#newsbox a:hover{
color: #000000;
}

#newsbox .latestnews{
border-bottom: 2px solid #7a7865;
}

#newsbox .loginbox{
margin: 10px 15px 0px 10px;
color: #9fd254;
font-weight: bold;
}

#newsbox .loginbox input{
border: 1px solid #9fd254;
width: 120px;
margin: 5px 0px 5px 0px;
font-weight: normal;
font-size: 10px;
}

#newsbox .loginbox .submit{
border: 0px solid #9fd254;

background: url(../images/register.gif) no-repeat;
width: 95px;
height: 24px;
}

#main{
height: auto !important;
height: 380px;
min-height: 380px;
overflow: auto !important;
overflow: visible;
clear: both;
width: 100%;

}

#bodytext{
float: left;
width: 430px;
padding: 24px 10px 10px 20px;
height: auto !important;
height: 280px;
min-height: 400px;
color: #2d1e4e;
text-align: left;
} 



#home #bodytext{
width: 450px;
padding-left: 175px;
}

#bodytext h1{
color: #eb831d;
font-size: 13px;
padding: 20px 0px 8px 0px;
margin: 0px;
}

#bodytext ul{
padding: 8px 0px 10px 0px;
margin: 0px;
}
#bodytext p{
padding: 6px 0px 8px 0px;
margin: 0px;
}

#bodytext ul li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
background: url(../images/bullets.gif) no-repeat 0px 6px;
list-style:none;
line-height: 15px;
}

#bodytext .grid{
width: 440px;
height: 100px;
padding-right: 0px;
}

#bodytext .grid a{
float: left;
padding-right: 0px;
}

.orange{
color: #eb831d;
font-size: 13px;
padding: 20px 0px 8px 0px;
margin: 0px;
}


#subnav{
position: relative;
left: 0px;
top: 4px;
float: left;
width: 165px;
height: 100%;
min-height: 555px;
margin: 0px;
padding: 0px;
padding-bottom: 100px;
color: #271a40;
}

#subnav ul{
margin: 0px;
padding: 0px;
}

#subnav ul li{
margin: 0px;
padding: 2px 0px 2px 0px; 
list-style-type: none;
display: inline;
}

#subnav ul li a, #subnav ul li a.current:hover{
float: left;
width: 146px;
text-transform:uppercase;
color: #ffffff;
font-size: 12px;
padding: 4px 0px 4px 15px;
}


#subnav ul li a:hover, #subnav ul li a.current{
color: #f1ab15;
}

#subnav ul ul{
margin: 0px 0px 0px 0px;
padding: 0px;
}


#subnav ul ul li{
margin: 0px;
padding: 2px 0px; 
list-style-type: none;
display: inline;
} 

#subnav ul ul li a, #subnav ul ul li a.current:hover{
float: left;
width: 116px;
text-transform:uppercase;
color: #ffffff;
font-size: 10px;
padding: 0px 10px 0px 35px;
background: url(../images/subnavbgcold.gif) no-repeat 25px 3px;
font-weight: normal;
}

#subnav ul ul li a:hover, #subnav ul ul li a.current{
color: #f1ab15;
background: url(../images/subnavbghot.gif) no-repeat 25px 3px;
}

#subnav .morethan{
position: relative;
top: 33px;
left: 14px;
}


#subnav .title{
position: relative;
top: -20px;
left: 14px;
}

.innerstrap{
float: right;
height: 21px;
}


#footer{
margin: 8px 0px 0px 0px;
text-align: right;
color: #000000;
font-size: 8px;
position: relative;
bottom: 0px;
height: 15px;
background: #cccccc;
width: 830px;
margin-left: auto;
margin-right: auto;
}

#footer ul{
margin: 0px;
padding: 0px;
display: inline;

}

#footer ul li{
margin: 0px;
padding: 0px 3px;
list-style-type: none;
display: inline;
}

#footer a{
color: #15043A;
text-transform:uppercase;
}


#footer p#ultimate{
font-size: 9px;
margin: 0px;

text-align: right;
color: #15043A;
padding: 0px 0px 0px 10px;
display: inline;
}

#footer p#ultimate a{
color: inherit;
color: #15043A;
text-decoration: underline;
text-transform: none;
}

.addresses{
width: 100%;
margin: 0px 0px 0px 0px;
border-collapse: collapse;
}


.addresses th{
padding: 0px 0px 0px 40px;
color: #f04855;
text-transform: uppercase;
font-size: 12px;
}

.addresses td{
padding: 0px 0px 20px 40px;

}

.addresses a{
color: #f04855;
}

.productimage{
float: right;
}


.contactform{
margin: 0px 0px 0px 20px;
border-collapse: collapse;
}

.contactform th{
color: #f04855;
padding-right: 15px;
}

.contactform input, .contactform textarea{
border: 1px solid #15043A;
width: 200px;
}

.contactform .button{
width: auto;
}

.bananasform{
margin: 0px 0px 0px 40px;
border-collapse: collapse;
}

.bananasform th{
color: #f04855;
padding-right: 15px;
}

.bananasform input, .bananasform textarea{
border: 1px solid #15043A;
}

.bananasform .button{
width: auto;
}

.netplotform{
margin: 0px 0px 0px 40px;
border-collapse: collapse;
}

.netplotform th{
color: #f04855;
padding-right: 15px;
}

.netplotform input, .netplotform textarea{
border: 1px solid #15043A;
}

.netplotform .button{
width: auto;
}

.mailinglist{
color: #666; 
text-align: left;
font-family:  Arial, Helvetica, sans-serif;
font-size: 10px;
}

.product{
margin: 20px 0px 10px 0px;
padding: 0px 0px 10px 0px;
clear: both;
width: 100%;
float: left;
}

.product img{
float: right;
background: #000000;
margin: 0px 0px 10px 10px;
}

.product h3, .product h2, .product h1{
color: #eb831d;
font-size: 13px;
line-height: 15px;
margin-bottom: 0px;
padding-bottom: 0px;
}

.product p{
margin: 0px 0px 10px 0px;
padding: 0px;
}

.logos{
margin-top: 134px;
}

.logos img{
margin: 5px 0px 5px 12px;
}

.insert{
border: 0px;
width: 430px;
height: 800px;
position: relative;
left: -10px;
overflow: visible;
}

#searchbox{
	position: absolute;
	right: 54px;
	top: 20px;
	text-align: left;
}

#searchbox form{
	padding : 0px 0px 5px 0px;	
	margin: 0px;
}

#searchbox input{
background: transparent;	
border:  1px solid #6C6285;
color: #ffffff;
}

#searchbox input:hover, #searchbox input:focus{
	background: #ffffff;
	color: #000000;
}

#searchbox .button{
	border: 0px;
	padding: 0px;
border:  1px solid #6C6285;
} 

#searchbox .button:hover{
	background: transparent;
border:  1px solid #6C6285;
color: #15043A;
}

.sitemap td{
vertical-align: top;	
}

.phoneno{
	
}


.breadcrumbs, .bodytext .breadcrumbs{
	margin: 0px 0px 0px 5px;
 	padding: 0px;
} 

.breadcrumbs  li, .bodytext .breadcrumbs li{
	display: inline;
	padding: 3px 10px 3px 10px;
	line-height: 18px;
}

.breadcrumbs li a, .bodytext .breadcrumbs li a{
	color: #999999;
}

.breadcrumbs li a:hover, .bodytext .breadcrumbs li a:hover{
	color: #000000;
}