/*FlexiWeb Style File - Created 21-06-2010
Menus Section
*/
.main {
	position: absolute;
	left: 28px;
	top: 103px;
	z-index: 90;
	text-align: center;
	text-indent: 0px;
}
#main, #main ul {
	padding: 0px;
	margin:0px;
	list-style: none;
	float: left;
	width: auto;
	line-height: 20px;
	font-weight: bold;
	}

#main li {
	float: left;
	padding-left: 0px;
	margin : 0px;
}
#main li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px;
	font-weight: bold;
	margin: 0px;
	z-index: 90;	
}
#main a {
	display: block;
	width: auto;
	color: #003366;
	font-family: Trebuchet MS,Helvetica,Arial,sans-serif;;
	font-size : 12px;
	text-decoration: none;
	padding : 0px 0.5em;
	z-index: 90;	
}
#main a:hover {
color: #FFF;
}
#main li:hover ul ul, #main li:hover ul ul ul, #main li.sfhover ul ul, #main li.sfhover ul ul ul {
	left: -999em;
}
#main li:hover ul, #main li li:hover ul, #main li li li:hover ul, #main li.sfhover ul, #main li li.sfhover ul, #main li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	
}
#main li:hover, #main li.sfhover { 
}
#main li ul a {
width:100px;	
}
.footer {
	position: absolute;
	z-index: 90;
	text-align: right;
	bottom:-23px;
right:10px;
}
#footer, #footer ul {
	padding: 0px;
	margin:0px;
	list-style: none;
	float: left;
	width: auto;
	line-height: 20px;
	font-weight: normal;
	}

#footer li {
	float: left;
	padding-left: 0px;
	margin : 0px;
}
#footer li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	height: auto;
	width: 100px;
	font-weight: normal;
	margin: 0px;
	z-index: 90;	
}
#footer a {
	display: block;
	width: auto;
	color: #003366;
	font-size : 10px;
	text-decoration: none;
	padding : 0px 0.5em;
	z-index: 90;	
}
#footer a:hover {
color: #003366;
}
#footer li:hover ul ul, #footer li:hover ul ul ul, #footer li.sfhover ul ul, #footer li.sfhover ul ul ul {
	left: -999em;
}
#footer li:hover ul, #footer li li:hover ul, #footer li li li:hover ul, #footer li.sfhover ul, #footer li li.sfhover ul, #footer li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	
}
#footer li:hover, #footer li.sfhover { 
}
#footer li ul a {
width:100px;	
}/*FlexiWeb Style File - Created 21-06-2010
Elements Section
*/
body {
margin: 0px;
}
table {
font-size: 100%;
}
p {
margin: 10px 0px;
}
body {
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size: 12px;
margin: 30px 0px 5px 0px;
background:#003B75 url('images/bodybg.gif') repeat-x top;
}
h2 {
font-size: 16px;
color: #3C83BA;
margin: 0px 0px 12px 0px;
}
h3 {
font-size: 14px;
margin: 10px 0px;
}
h4 {
font-size: 12px;
margin: 10px 0px;
}
a img {
border: none;
}
h1 {
font-size: 18px;
color: #003366;
margin: 0px 0px 12px 0px;
}
#map {
position: relative;
left: 0px;
top: 0px;
height: 400px;
width: 540px;
border: 2px solid #C3D5E8;
}
.maincontent {
position: absolute;
left: 20px;
top: 360px;
width: 542px;
text-align: left;
}
.maincontent a {
color: #3C83BA;
text-decoration: underline;
}
.maincontent a:visited {
color: #3C83BA;
}
.maincontent a:hover {
color: #003366;
}
.outerdiv {
height: auto;
}
.containerdiv {
background-color: #FFFFFF;
position: relative;
height: 600px;
width: 797px;
padding: 0px 0px 10px 0px;
border-left:3px solid #C3D5E8;
border-right:3px solid #C3D5E8;
}
.logo {
position: absolute;
left: 28px;
top: 12px;
}
.top {
position: absolute;
left: -3px;
top: -21px;
}
.bottom {
position: absolute;
left: -3px;
width: 783px;
font-size: 10px;
color: #003366;
padding: 3px 10px;
text-align: left;
bottom:-30px;
background:url('images/bottom.gif') no-repeat bottom left;
line-height:1.2;
}
.bottom a {
color: #003366;
text-decoration: none;
}
.bottom a:visited {
color: #003366;
}
.bottom a:hover {
color: #003366;
}
.telephone {
position: absolute;
left: 424px;
top: 0px;
height: 63px;
width: 150px;
font-size: 16px;
color: #FFF;
padding: 0px 0px 0px 14px;
text-align: left;
background:url('images/telephonebg.gif') no-repeat;
}
.findus {
position: absolute;
left: 588px;
top: 0px;
font-size: 14px;
}
.findus a {
color: #FFFFFF;
text-decoration: none;
}
.findus a:visited {
color: #FFFFFF;
}
.findus a:hover {
color: #003366;
}
.email {
position: absolute;
left: 653px;
top: 0px;
font-size: 14px;
}
.email a {
color: #FFF;
text-decoration: none;
}
.email a:visited {
color: #FFF;
}
.email a:hover {
color: #003366;
}
.callback {
position: absolute;
left: 727px;
top: 0px;
font-size: 14px;
}
.callback a {
color: #FFF;
text-decoration: none;
}
.callback a:visited {
color: #FFF;
}
.callback a:hover {
color: #003366;
}
.findus-link {
height: 85px;
width: 58px;
padding: 0px 7px 0px 0px;
text-align: center;
background:url('images/findusbg.gif') no-repeat;
display:block;
}
.email-link {
height: 85px;
width: 74px;
background:url('images/emailbg.gif') no-repeat;
display:block;
}
.callback-link {
height: 85px;
width: 74px;
padding: 0px 8px 0px 0px;
text-align: center;
background:url('images/callbackbg.gif') no-repeat;
display:block;
}
.tab-helping-printers {
z-index: 2;
position: absolute;
left: 20px;
top: 136px;
}
.button-selling-online {
position: absolute;
top: 136px;
right:21px;
}
.button-customer-service {
position: absolute;
top: 187px;
right:21px;
}
.button-efficiency {
position: absolute;
top: 238px;
right:21px;
}
.button-new-business {
position: absolute;
top: 289px;
right:21px;
}
.content-col-left {
width: 60%;
padding: 0px 20px 0px 0px;
vertical-align:top;
}
.content-col-right {
width: 40%;
vertical-align:top;
}
.tab-selling-online {
z-index: 1;
position: absolute;
left: 20px;
top: 136px;
height: 203px;
width: 488px;
font-size: 14px;
color: #FFF;
padding: 0px 20px 0px 50px;
text-align: right;
background:url('images/tab-selling-bg.jpg') no-repeat top left;
}
.tab-customer-service {
z-index: 1;
position: absolute;
left: 20px;
top: 136px;
height: 203px;
width: 488px;
font-size: 14px;
color: #FFF;
padding: 0px 20px 0px 50px;
text-align: right;
background:url('images/tab-customer-service-bg.jpg') no-repeat top left;
}
.tab-efficiency {
z-index: 1;
position: absolute;
left: 20px;
top: 136px;
height: 203px;
width: 488px;
font-size: 14px;
color: #FFF;
padding: 0px 20px 0px 50px;
text-align: right;
background:url('images/tab-efficiency-bg.jpg') no-repeat top left;
}
.tab-new-business {
z-index: 1;
position: absolute;
left: 20px;
top: 136px;
height: 203px;
width: 488px;
font-size: 14px;
color: #FFF;
padding: 0px 20px 0px 50px;
text-align: right;
background:url('images/tab-new-business-bg.jpg') no-repeat top left;
}
.sales-enquiry {
position: absolute;
top: 360px;
right:20px;
}
.sales-enquiry-top {
font-size: 18px;
color: #FFF;
padding: 5px 0px;
text-align: center;
background:url('images/solution-sales-enquiry.gif') no-repeat top;
}
.sales-enquiry-bottom {
height: 10px;
background:url('images/sales-enquiry-bottom.gif') no-repeat 4px 0px;
}
.sales-enquiry-bg {
padding: 5px 8px;
background:url('images/sales-enquiry-bg.gif') repeat-y;
}
.temfaq {
}
.temfaq a {
color: #3C83BA;
text-decoration: none;
}
.temfaq a:visited {
color: #3C83BA;
}
.temfaq a:hover {
color: #003366;
}
.faq-expand {
padding: 0px 0px 0px 20px;
}
.faq {
display:block;
}
.question {
}
.question-text {
}
.plus-bullet {
font-size: 13px;
padding: 0px 0px 3px 35px;
margin: 2px 0px 6px 0px;
background: url('images/plus-square2.gif') no-repeat 0px 0px;
}
.star-bullet {
padding: 0px 0px 0px 25px;
margin: 2px 0px 6px 0px;
background: url('images/star.png') no-repeat 0px 0px;
}