@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; background: #f3f5f6; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; }
img { border: 0; }
a { color: #0072bc; text-decoration: underline; }
a:hover { color: #d88104; text-decoration: none; }
p { margin: 0; padding: 8px 0; }
h2 { margin: 0; padding: 10px 0; font-size: 16px; color: #0072bc; }
.clear { clear: both; }

#container { margin: 0 auto; padding: 0; width: 908px; text-align: left; }
#header { background: url(../images/header-bg.gif) repeat-x; height: 105px; }

#header h1 { float: left; margin: 0; padding: 0; width: 227px; height: 105px; }
#header h1 a { display: block; background: url(../images/logo.gif) no-repeat; width: 227px; height: 105px; text-indent: -9000em; overflow: hidden; }

#header .right { float: right; padding-right: 18px; background: url(../images/header-right.gif) no-repeat right; width: 65%; height: 105px; text-align: right; }
#header .right .tagline { float: right; margin-right: 5px; background: url(../images/tagline.gif) no-repeat bottom right; width: 250px; height: 60px; text-indent: -9000em; overflow: hidden; }
#header .right ul { float: right; margin: 5px 0 0 0; padding: 0; list-style: none; }
#header .right ul li { float: left; font-size: 12px; font-weight: normal; color: #7f7f7f; }
#header .right ul li a { display: block; padding: 1px 6px; font-size: 10px; font-weight: bold; color: #7f7f7f; text-decoration: none; }
#header .right ul li a:hover { color: #333; }

#banner { background: url(../images/banner.jpg) no-repeat; height: 401px; }
#inner-banner { background: #fff url(../images/inner-banner.jpg) no-repeat; height: 150px; }

#content { padding: 0 7px; background: #fff url(../images/content-bg.gif) repeat-y; height: 1%; }
#content .left { float: left; width: 48%; }
#content .right { float: right; width: 48%; }
#content .right .lookingfor-btn { display: block; margin: 0 auto; background: url(../images/lookingfor-btn.gif) no-repeat; width: 359px; height: 69px; text-indent: -9000em; overflow: hidden; }
#content .right .lookingfor-btn:hover { background-position: bottom; }
#inner { padding: 15px 30px; background: url(../images/content-gradient.gif) repeat-x bottom; height: 1%; }
#info { margin: 0 7px; padding: 10px 0; background: #fff; text-align: center; font-size: 10px; color: #a1a1a1; border-top: 1px solid #ededed; height: 1%; }
#content-bottom { background: #fff url(../images/content-bottom.gif) no-repeat; padding: 2px 0; }
#content ul.list-block { margin: 0; padding: 0 0 15px 15px; list-style: none; }
#content ul.list-block li { padding: 8px 8px 8px 20px; background: url(../images/list-bullet.gif) no-repeat 2px 10px; border-bottom: 1px solid #efefef; }
img.title { display: block; margin-bottom: 10px; }

#footer { margin: 15px auto; padding: 0; width: 908px; text-align: left; font-size: 10px; color: #7f7f7f; }
#footer span { display: block; color: #a3a3a3; }
#footer .left { float: left; margin-left: 15px; width: 50%; }
#footer .left a { color: #7f7f7f; text-decoration: none; }
#footer .left a:hover { color: #333; }
#footer .right { float: right; margin-right: 15px; width: 40%; text-align: right; }
#footer .right a { color: #7f7f7f; text-decoration: none; }
#footer .right a:hover { color: #333; }

#services { margin: 0; padding: 0; list-style: none; }
#services li { float: left; }
#services li a { display: block; height: 121px; text-indent: -9000em; overflow: hidden; }
#services li a.sales-btn { background: url(../images/sales-btn.jpg) no-repeat; width: 142px; }
#services li a.rebate-btn { background: url(../images/rebate-btn.jpg) no-repeat; width: 142px; }
#services li a.gpo-btn { background: url(../images/gpo-btn.jpg) no-repeat; width: 144px; }
#services li a.commission-btn { background: url(../images/commission-btn.jpg) no-repeat; width: 143px; }
#services li a.ondemand-btn { background: url(../images/ondemand-btn.jpg) no-repeat; width: 144px; }
#services li a.professional-btn { background: url(../images/professional-btn.jpg) no-repeat; width: 135px; }
#services li a:hover { background-position: bottom; }

.contact-form { float: left; width: 450px; }
.contact-form .req { color: #d14b13; }
.contact-form table { border-collapse: collapse; }
.contact-form td { padding: 4px 12px; }
.contact-form td.border { border-right: 1px solid #ddd; }
.contact-form label { font-size: 10px; }
.contact-form .txt { padding: 6px; background: #fff url(../images/input-bg.gif) repeat-x bottom; color: #666; border: 1px solid #b7ccda; width: 180px}
.contact-form textarea { padding: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #fff url(../images/input-bg.gif) repeat-x bottom; color: #666; border: 1px solid #b7ccda; width: 200px; height: 100px; }

.sidemenu { background: #e4f2fb; width: 219px; }
.sidemenu .top { background: url(../images/sidemenu-top.gif) no-repeat; height: 3px; }
.sidemenu ul { margin: 0; padding: 0; list-style: none; }
.sidemenu ul li { height: 1%; }
.sidemenu ul li a.norm { display: block; padding: 10px 8px 10px 8px; text-decoration: none; }
.sidemenu ul li a.norm:hover { background: #fff; }
.sidemenu ul li a.sales { display: block; padding: 10px 8px 10px 50px; background: url(../images/sales-icon.gif) no-repeat 11px 50%; text-decoration: none; }
.sidemenu ul li a.sales-selected { display: block; padding: 10px 8px 10px 50px; background: #fff url(../images/sales-icon.gif) no-repeat 11px 50%; text-decoration: none; }
.sidemenu ul li a.sales:hover { background: #fff url(../images/sales-icon.gif) no-repeat 11px 50%; }
.sidemenu ul li a.rebate { display: block; padding: 10px 8px 10px 50px; background: url(../images/rebate-icon.gif) no-repeat 11px 50%; text-decoration: none; }
.sidemenu ul li a.rebate-selected { display: block; padding: 10px 8px 10px 50px; background: #fff url(../images/rebate-icon.gif) no-repeat 11px 50%; text-decoration: none; }
.sidemenu ul li a.rebate:hover { background: #fff url(../images/rebate-icon.gif) no-repeat 11px 50%; }
.sidemenu ul li a.gpo { display: block; padding: 10px 8px 10px 50px; background: url(../images/gpo-icon.gif) no-repeat 11px 50%; text-decoration: none; }
.sidemenu ul li a.gpo-selected { display: block; padding: 10px 8px 10px 50px; background: #fff url(../images/gpo-icon.gif) no-repeat 11px 50%; text-decoration: none; }
.sidemenu ul li a.gpo:hover { background: #fff url(../images/gpo-icon.gif) no-repeat 11px 50%; }
.sidemenu ul li a.commission { display: block; padding: 10px 8px 10px 50px; background: url(../images/commission-icon.gif) no-repeat 11px 50%; text-decoration: none; }
.sidemenu ul li a.commission-selected { display: block; padding: 10px 8px 10px 50px; background: #fff url(../images/commission-icon.gif) no-repeat 11px 50%; text-decoration: none; }
.sidemenu ul li a.commission:hover { background: #fff url(../images/commission-icon.gif) no-repeat 11px 50%; }
.sidemenu ul li a.ondemand { display: block; padding: 10px 8px 10px 50px; background: url(../images/ondemand-icon.gif) no-repeat 11px 50%; text-decoration: none; }
.sidemenu ul li a.ondemand-selected { display: block; padding: 10px 8px 10px 50px; background: #fff url(../images/ondemand-icon.gif) no-repeat 11px 50%; text-decoration: none; }
.sidemenu ul li a.ondemand:hover { background: #fff url(../images/ondemand-icon.gif) no-repeat 11px 50%; }
.sidemenu ul li a.professional { display: block; padding: 10px 8px 10px 50px; background: url(../images/professional-icon.gif) no-repeat 11px 50%; text-decoration: none; }
.sidemenu ul li a.professional-selected { display: block; padding: 10px 8px 10px 50px; background: #fff url(../images/professional-icon.gif) no-repeat 11px 50%; text-decoration: none; }
.sidemenu ul li a.professional:hover { background: #fff url(../images/professional-icon.gif) no-repeat 11px 50%; }
.sidemenu .bottom { background: url(../images/sidemenu-bottom.gif) no-repeat bottom; height: 3px; }