/*FlexiWeb Style File - Created 27-10-2011
Menus Section
*/
.main {
	position: absolute;
	left: 10px;
	top: 138px;
	width : 188px;
	z-index: 90;
	text-align: left;
	text-indent: 0px;
}
#main, #main ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 188px;
	}
	
#main li { /* all list items */
	float : left;
	width: 188px;
	position : relative;
	line-height : 20px;
	margin-bottom : -1px;
}
	
#main li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 10px;
	margin-top : -20px;
}
#main li ul ul { /* third-and-above-level lists */
	left: -999em;
}
#main li a {
	width: 188px;
	display : block;
	color : #142868;
	font-weight : normal;
	font-family: Verdana, Arial, sans-serif;
	font-size : 12px;
	text-decoration : none;
	z-index: 90;	
}	
	width:100px;		
}
#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 a:hover {
	color : #FF0000;
}
#main li:hover, #main li.hover {
    position:static;
} 
/*FlexiWeb Style File - Created 27-10-2011
Elements Section
*/
body {
margin: 0px;
}
.maincontent {
background-color: #FFFFFF;
background-image: url(images/dotted_line.gif);
position: absolute;
left: 200px;
top: 140px;
width: 580px;
text-align: left;
background-repeat:repeat-y;
}
table {
font-size: 100%;
}
.outerdiv {
height: auto;
}
body {
background-color: #bfbdd4;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #002855;
margin: 10px 0px;
}
.containerdiv {
background-color: #FFFFFF;
position: relative;
height: auto;
width: 994px;
padding: 0px 0px 41px 0px;
border-left:1px solid #142868;border-right:1px solid #142868;
}
h1 {
font-family: Verdana, Arial, sans-serif;
font-size: 18px;
color: #002855;
margin: 10px 0px;
}
.bottom {
z-index: 6;
position: absolute;
left: -2px;
color: #FFFFFF;
padding: 0px;
bottom:0px;
}
.contactus {
z-index: 3;
position: absolute;
left: 874px;
top: 112px;
overflow: visible;
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color: #ffffff;
visibility: visible;
text-align: center;
}
.contactus a {
color: #ffffff;
text-decoration: none;
}
.contactus a:visited {
color: #ffffff;
}
.contactus a:hover {
color: #ffffff;
}
.navibg {
position: absolute;
top: 105px;
width: 100%;
text-align: right;
right:20px;
}
.home {
z-index: 3;
position: absolute;
left: 535px;
top: 112px;
overflow: visible;
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color: #ffffff;
visibility: visible;
text-align: center;
}
.home a {
color: #ffffff;
text-decoration: none;
}
.home a:visited {
color: #ffffff;
}
.home a:hover {
color: #ffffff;
}
.header {
z-index: 2;
position: absolute;
left: -1px;
top: 0px;
height: 138px;
width: 996px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.feedback {
z-index: 3;
position: absolute;
left: 600px;
top: 300px;
width: 187px;
overflow: visible;
border: 0px;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: left;
}
.orderonline {
z-index: 3;
position: absolute;
left: 790px;
top: 300px;
width: 187px;
overflow: visible;
border: 0px;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: left;
}
.janitorial {
z-index: 3;
position: absolute;
left: 20px;
top: 300px;
width: 187px;
overflow: visible;
border: 0px;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: left;
}
.pricechallenge {
z-index: 3;
position: absolute;
left: 212px;
top: 300px;
width: 187px;
overflow: visible;
border: 0px;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: left;
}
.catalogue {
z-index: 3;
position: absolute;
left: 404px;
top: 300px;
width: 187px;
overflow: visible;
border: 0px;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: left;
}
.promotionalgifts {
z-index: 3;
position: absolute;
left: 790px;
top: 155px;
width: 187px;
overflow: visible;
border: 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
text-align: left;
}
.promotionalgifts a {
color: #002855;
text-decoration: none;
}
.promotionalgifts a:visited {
color: #002855;
}
.promotionalgifts a:hover {
color: #FF0000;
}
.officesupplies {
z-index: 3;
position: absolute;
left: 20px;
top: 155px;
width: 187px;
overflow: visible;
border: 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
visibility: visible;
text-align: left;
}
.officesupplies a {
color: #002855;
text-decoration: none;
}
.officesupplies a:visited {
color: #002855;
}
.officesupplies a:hover {
color: #FF0000;
}
.printdesign {
z-index: 3;
position: absolute;
left: 212px;
top: 155px;
width: 187px;
overflow: visible;
border: 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
visibility: visible;
text-align: left;
}
.printdesign a {
color: #002855;
text-decoration: none;
}
.printdesign a:visited {
color: #002855;
}
.printdesign a:hover {
color: #FF0000;
}
.officefurniture {
z-index: 3;
position: absolute;
left: 404px;
top: 155px;
width: 187px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
visibility: visible;
text-align: left;
}
.officefurniture a {
color: #002855;
text-decoration: none;
}
.officefurniture a:visited {
color: #002855;
}
.officefurniture a:hover {
color: #FF0000;
}
.printer {
z-index: 3;
position: absolute;
left: 600px;
top: 155px;
width: 187px;
overflow: visible;
border: 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
visibility: visible;
text-align: left;
}
.printer a {
color: #002855;
text-decoration: none;
}
.printer a:visited {
color: #002855;
}
.printer a:hover {
color: #FF0000;
}
a img {
overflow: visible;
border: 0px;
}
.aboutfx {
z-index: 3;
position: absolute;
left: 640px;
top: 112px;
height: auto;
overflow: visible;
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color: #ffffff;
visibility: visible;
text-align: center;
}
.aboutfx a {
color: #ffffff;
text-decoration: none;
}
.aboutfx a:visited {
color: #ffffff;
}
.aboutfx a:hover {
color: #ffffff;
}
.clients {
z-index: 3;
position: absolute;
left: 752px;
top: 112px;
overflow: visible;
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color: #ffffff;
visibility: visible;
text-align: center;
}
.clients a {
color: #ffffff;
text-decoration: none;
}
.clients a:visited {
color: #ffffff;
}
.clients a:hover {
color: #ffffff;
}
.p {
position: absolute;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #002855;
visibility: visible;
padding: 0px;
margin: 0px;
text-align: center;
}
.officesuppliesleft {
z-index: 3;
position: absolute;
left: 5px;
top: 140px;
width: 188px;
overflow: visible;
border: 0px;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: left;
}
.orderonlineleft {
z-index: 5;
position: absolute;
left: 0px;
top: 250px;
height: 145px;
width: 200px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
color: #0A1F62;
visibility: visible;
padding: 0px 15px;
text-align: left;
background: url('images/orderonline.jpg') no-repeat left top;bottom:20px;right:20px;
}
.orderonlineleft a {
color: #0A1F62;
text-decoration: none;
}
.orderonlineleft a:visited {
color: #0A1F62;
}
.orderonlineleft a:hover {
color: #990000;
}
#indexmaincontent {
position: absolute;
left: 20px;
top: 300px;
width: 920px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
background:#ffffff;
}
.printdesignleft {
position: absolute;
left: 5px;
top: 320px;
width: 188px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: left;
}
.furnitureleft {
position: absolute;
left: 5px;
top: 230px;
width: 188px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: left;
}
.tonerleft {
position: absolute;
left: 5px;
top: 500px;
width: 188px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: left;
}
.promotionalleft {
position: absolute;
left: 5px;
top: 410px;
width: 188px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: left;
}
.janitorialleft {
position: absolute;
left: 5px;
top: 365px;
width: 188px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: left;
}
.pricechallengeleft {
position: absolute;
left: 5px;
top: 410px;
width: 188px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: left;
}
.catalogueleft {
position: absolute;
left: 5px;
top: 455px;
width: 188px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: left;
}
.feedbackleft {
position: absolute;
left: 5px;
top: 500px;
width: 188px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: left;
}
.orderleft {
position: absolute;
left: 5px;
top: 545px;
width: 188px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: left;
}
.topphoto {
z-index: 6;
position: absolute;
left: 670px;
top: 2px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: left;
}
.headerhome {
z-index: 2;
position: absolute;
left: -1px;
height: 138px;
width: 996px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.headeraboutfx {
z-index: 2;
position: absolute;
left: -1px;
height: 138px;
width: 996px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.headerclients {
z-index: 2;
position: absolute;
left: -1px;
height: 138px;
width: 996px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.headercontact {
z-index: 2;
position: absolute;
left: -1px;
height: 138px;
width: 996px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.blank {
z-index: 3;
position: absolute;
left: 750px;
top: 112px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.menulinks {
z-index: 5;
position: absolute;
left: 290px;
overflow: visible;
font-family:  Arial, Verdana,sans-serif;
font-size: 10px;
color: #002855;
visibility: visible;
text-align: center;
bottom:0px;
}
.menulinks a {
color: #002855;
text-decoration: none;
}
.menulinks a:visited {
color: #002855;
}
.menulinks a:hover {
color: #FF0000;
}
.menulinksindex {
position: absolute;
left: 200px;
overflow: visible;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
color: #002855;
visibility: visible;
text-align: center;
bottom:0px;
}
.menulinksindex a {
color: #002855;
text-decoration: none;
}
.menulinksindex a:visited {
color: #002855;
}
.menulinksindex a:hover {
color: #FF0000;
}
.telno {
z-index: 15;
position: absolute;
left: 325px;
top: 20px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 18px;
color: #002855;
visibility: visible;
text-align: left;
<strong>
}
.onlineright {
position: absolute;
left: 800px;
top: 140px;
width: 187px;
overflow: visible;
border: 0px;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: centre;
}
.pricechallengeright {
position: absolute;
left: 800px;
top: 230px;
width: 187px;
overflow: visible;
border: 0px;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.catalogueright {
position: absolute;
left: 800px;
top: 320px;
width: 187px;
overflow: visible;
border: 0px;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
#contactresponsemaincontent {
left: 200px;
top: 140px;
width: 550px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
padding: 0px 0px 0px 25px;
text-align: left;
}
#catalogueresponsemaincontent {
left: 200px;
top: 140px;
width: 550px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
padding: 0px 0px 0px 25px;
text-align: left;
}
#pricechallengeresponsemaincontent {
left: 200px;
top: 140px;
width: 550px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
padding: 0px 0px 0px 25px;
text-align: left;
}
#testformmaincontent {
left: 200px;
top: 140px;
width: 550px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
padding: 0px 0px 0px 25px;
text-align: left;
}
.buttonofficesupplies {
height: 117px;
width: 167px;
overflow: visible;
padding: 16px 0px 0px 20px;
text-align: left;
background: url('images/officesupplies.jpg') no-repeat left top;display:block;
}
.buttonprintdesign {
height: 120px;
width: 170px;
overflow: visible;
padding: 16px 0px 0px 20px;
text-align: left;
background: url('images/printdesign.jpg') no-repeat left top;display:block;
}
.buttonofficefurniture {
height: 124px;
width: 166px;
overflow: visible;
padding: 16px 0px 0px 20px;
text-align: left;
background: url('images/officefurniture.jpg') no-repeat left top;display:block;
}
.buttonprinter {
height: 119px;
width: 167px;
overflow: visible;
padding: 16px 0px 0px 20px;
text-align: left;
background: url('images/printer.jpg') no-repeat left top;display:block;
}
.buttonpromotionalgifts {
position: absolute;
height: 127px;
width: 167px;
overflow: visible;
padding: 16px 0px 0px 20px;
text-align: left;
background: url('images/officesupplies.jpg') no-repeat left top;display:block;
}