@charset "utf-8";
/* CSS Document */
body { padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#3e6288; line-height:14px; }
a { color:#3e6288; text-decoration:none; }
a:hover { text-decoration:underline; }
#wrapper { width:100%; background-image:url(../images/background.jpg); background-repeat: repeat-y; background-position:center; }
#header, .content_wrapper_home, #mainnav, #content, #footer { width:924px; margin-left:auto; margin-right:auto; }
#header { height:100px; background-image:url(../images/header.jpg); background-repeat:no-repeat; }
#header .link { width: 290px; height:100px; display:block; }
a img { border:none; }

.clearfix {clear:both;font-size:0.1px;height:0pt;line-height:0pt;width:0pt;}

.spacer { display:block; height:12px; width:100%; background-color:#FFF;  }
.linespacer { border-bottom: 1px solid #708faf; margin:13px; }
.linespacer_yellow { border-bottom: 1px solid #ffc68e; margin-top:15px; border-bottom-style: dashed; }
.linespacer_blue { border-bottom: 1px solid #708faf; margin-top:15px; border-bottom-style: dashed; }
.list_nostyle { margin:0px; padding:0px; line-height: 200%; list-style:none; }

.titletext { font-size:12px; }
h3 { font-size: 13px; font-weight:bold; text-transform:uppercase; }
h4 { color:#6e8db0; font-size:12px; padding:0px; margin:0px; margin-top:10px; margin-bottom:5px;  }

#mainnav_wrapper { width:100%; background-color:#39488b; }
#mainnav, #mainnav li a { height: 38px; background-color: #2a3774; }
#mainnav ul { list-style: none; margin:0px; padding:0px; }
#mainnav li { float:left; }
#mainnav li a { float:left; background-image:url(../images/mainnav-middle-off.jpg); }
#mainnav li a .left { float:left; height: 38px; width:11px; background-image:url(../images/mainnav-left-off.jpg); }
#mainnav li a img { float:left; }
#mainnav li a .right { float:left; height: 38px; width:11px; background-image:url(../images/mainnav-right-off.jpg); }
#mainnav li a:hover, #mainnav li a.selected { background-image:url(../images/mainnav-middle.jpg); }
#mainnav li a:hover .left, #mainnav li a.selected .left { background-image:url(../images/mainnav-left.jpg); }
#mainnav li a:hover .right, #mainnav li a.selected .right { background-image:url(../images/mainnav-right.jpg); }

#mainnav li a img { margin-left:25px; margin-right:25px; }

#mainnav li a img.home { width:46px; height:38px; background-image:url(../images/mainnav-home-off.jpg); }
#mainnav li a:hover img.home, #mainnav li a.selected img.home { background-image:url(../images/mainnav-home.jpg); }

#mainnav li a img.aboutus { width:68px; height:38px; background-image:url(../images/mainnav-aboutus-off.jpg); }
#mainnav li a:hover img.aboutus, #mainnav li a.selected img.aboutus { background-image:url(../images/mainnav-aboutus.jpg); }

#mainnav li a img.servicesandchannels { width:133px; height:38px; background-image:url(../images/mainnav-servicesandchannels-off.jpg); }
#mainnav li a:hover img.servicesandchannels, #mainnav li a.selected img.servicesandchannels { background-image:url(../images/mainnav-servicesandchannels.jpg); }

#mainnav li a img.technology { width:96px; height:38px; background-image:url(../images/mainnav-technology-off.jpg); }
#mainnav li a:hover img.technology, #mainnav li a.selected img.technology { background-image:url(../images/mainnav-technology.jpg); }

#mainnav li a img.careers { width:64px; height:38px; background-image:url(../images/mainnav-careers-off.jpg); }
#mainnav li a:hover img.careers, #mainnav li a.selected img.careers { background-image:url(../images/mainnav-careers.jpg); }

#mainnav li a img.contactus { width:85px; height:38px; background-image:url(../images/mainnav-contactus-off.jpg); }
#mainnav li a:hover img.contactus, #mainnav li a.selected img.contactus { background-image:url(../images/mainnav-contactus.jpg); }

.content_wrapper, .content_wrapper_home_outer { background-image:url(../images/content-bg.jpg); background-repeat: repeat-x;  }
.content_wrapper_home_outer { background-position: 0px 12px; }
.content_wrapper_home { background-image:url(../images/home-bg-right.jpg); background-repeat: no-repeat; padding-left:16px; padding-right:16px; background-position: top right; }
#content { background-color:#FFF; background-image:url(../images/leftcol_bg.jpg); background-repeat: repeat-y; background-position:left bottom;  }
#content .home { background-image:url(../images/home-bg.jpg); width:924px; height:300px; }
#content .home_text a:hover { text-decoration:underline; }
#content .home_login, .login { width:146px; height:64px; background-image: url(../images/client_login.gif); float:left; margin-top:30px; margin-left:5px; }

#content .home_level2 { background-image:url(../images/home-bg.jpg); width:924px; height:256px; background-position:bottom; }
.home_level2 .home_text { float:right; margin-top:153px; margin-right:15px; width:385px; line-height:18px; color:#ffefdf; }
.home_level2 .home_text a { color:#783c00; text-decoration:none; }
.home_level2 .home_buttons a { height:250px; width:120px; float:left; margin-top:6px; }
.home_level2 .home_buttons a:hover { background-image: url(../images/home-bg-menu.jpg); background-repeat:no-repeat; }
.home_buttons .discountdepartmentstores { background-position: -120px 0px; }
.home_buttons .pharmacy { background-position: -240px 0px; }
.home_buttons .foodservice { background-position: -360px 0px; }


.staff { width:146px; height:64px; background-image: url(../images/staff_login.gif); float:left; margin-left:5px; }
.login { margin-top:0px; }
.login_padding { text-align:left; padding-top:27px;margin-left:17px; }

.content_leftcol { height:100%; background-color:#3f6288; float:left; min-height:477px; width:158px; background-image:url(../images/grad_horiz.jpg); text-align: center; }
.content_leftcol .pagetitle { margin-top:20px; margin-bottom:30px; }

.content_rightcol { float:left; width:706px; padding:30px; padding-top:15px; }
.inner_left { width:420px;float:left;margin-right:20px; }
.inner_right { width:260px;float:left }


.button { display:block; }
.btn_login { width:67px; height:22px; background-image:url(../images/btn_login.gif); }


.window_details { margin-left:15px; }
.window_enquiry { background-color:#d3deea; width:430px; }
.window_inner { padding:15px; }

.frm_contact_table { color:#000; }
.frm_contact_input { width:260px; }
.frm_contact_table label { float:right;  }


#footer { height:66px; background-image:url(../images/footer-bg.jpg); background-repeat: repeat-x; background-position:top center; }
#footer img { float:right; margin-left:5px; }
.footer_text { text-align: left; color:#FFF; font-size:12px; padding:10px; }
.footer_text_right a { float:right; color:#FFF; margin-top: 12px; text-decoration:none; }