@charset "utf-8";
/* CSS Document */
body {
	margin: 0 auto; 
	padding: 0;
	text-align: center;
	font: 12px/1.25 Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
#container {
	width: 960px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	padding: 0;
}
.swap span { display: none; margin: 0; padding: 0; }
a { text-decoration: none; color: #ED2024; }
a:hover { text-decoration: underline; }
/* HEADER */
#header { width: 960px; height: 130px; margin: 0 0 17px 0; padding: 0; position: relative; }
#header h1 { background: url(images/b2bms_logo.gif) no-repeat; width: 196px; height: 22px; margin: 0; padding: 0; position: absolute; top: 31px; left: 21px; }
#toplinks { position: absolute; top: 31px; right: 21px; right: 20px; width: 155px; }
#nav { position: absolute;  bottom: 0; width: 960px; height: 50px; }
ul#navlinks { list-style: none; margin: 0; padding: 0; width: 960px; height: 50px; background: url(images/nav.gif) top no-repeat; }
ul#navlinks li { float: left; }
ul#navlinks li a { display: block; height: 50px; }
a.nav01 { width: 97px; }
a.nav01:hover { background: url(images/nav.gif) 0 -100px no-repeat; }
a.nav01:active { background: url(images/nav.gif) 0 -150px no-repeat; }
a.nav02 { width: 110px; }
a.nav02:hover { background: url(images/nav.gif) -97px -100px no-repeat; }
a.nav02:active { background: url(images/nav.gif) -97px -150px no-repeat; }
a.nav03 { width: 158px; }
a.nav03:hover { background: url(images/nav.gif) -207px -100px no-repeat; }
a.nav03:active { background: url(images/nav.gif) -207px -150px no-repeat; }
a.nav04 { width: 104px; }
a.nav04:hover { background: url(images/nav.gif) -365px -100px no-repeat; }
a.nav04:active { background: url(images/nav.gif) -365px -150px no-repeat; }
a.nav05 { width: 123px; }
a.nav05:hover { background: url(images/nav.gif) -469px -100px no-repeat; }
a.nav05:active { background: url(images/nav.gif) -469px -150px no-repeat; }
a.nav06 { width: 113px; }
a.nav06:hover { background: url(images/nav.gif) -592px -100px no-repeat; }
a.nav06:active { background: url(images/nav.gif) -592px -150px no-repeat; }
a.nav07 { width: 118px; }
a.nav07:hover { background: url(images/nav.gif) -705px -100px no-repeat; }
a.nav07:active { background: url(images/nav.gif) -705px -150px no-repeat; }
a.nav08 { width: 137px; }
a.nav08:hover { background: url(images/nav.gif) -823px -100px no-repeat; }
a.nav08:active { background: url(images/nav.gif) -823px -150px no-repeat; }

body.home a.nav01 { background: url(images/nav.gif) 0 -50px no-repeat; }
body.overview a.nav02 { background: url(images/nav.gif) -97px -50px no-repeat; }
body.steps a.nav03 { background: url(/images/nav.gif) -207px -50px no-repeat; }
body.business a.nav04 { background: url(/images/nav.gif) -365px -50px no-repeat; }
body.select a.nav05 { background: url(/images/nav.gif) -469px -50px no-repeat; }
body.checklist a.nav06 { background: url(/images/nav.gif) -592px -50px no-repeat; }
body.resources a.nav07 { background: url(/images/nav.gif) -705px -50px no-repeat; }
body.learn a.nav08 { background: url(/images/nav.gif) -823px -50px no-repeat; }

/* HOME-CONTENT */
#home-content { margin: 0; padding: 0 0 10px 0; font-size: 13px; line-height: 22px; }
.home-left { width: 688px; height: 260px; float: left; margin: 0; padding: 0; }
.home-right { width: 256px; height: 260px; float: left; margin: 0 0 0 16px; padding: 0; }
#home-content h2 { width: 397px; height: 92px; background: url(/images/take_a_closer_look.gif) no-repeat; float: left; margin: 0 0 10px 0; padding: 0; }
/* HOME-FEATUREBOX */
#home-featurebox-container { width: 960px; background: url(/images/homepage_featurebox_top.gif) 0 10px no-repeat; clear: left; padding: 0; margin: 0; }
#home-featurebox { width: 960px; background: url(/images/homepage_featurebox_bottom.gif) bottom left no-repeat; overflow: auto; }
.featurebox { width: 220px; float: left; padding: 10px; margin: 0; }
.featurebox h3 { height: 24px; margin: 0; padding: 10px 0 0 0; background-position: 0 10px; background-repeat: no-repeat; }
.featurebox h3.experience { background-image: url(/images/Experience.gif); }
.featurebox h3.webinar { background-image: url(/images/Webinar.gif); }
.featurebox h3.report { background-image: url(/images/Report.gif); }
.featurebox h3.roi { background-image: url(/images/ROI.gif); }
/* FOOTER */
#footer { width: 920px; clear: left; margin: 20px; position: relative; }
.footer-links { position: absolute; right: 0; top: 0; width: 480px; text-align: right; }
.footer-links p { margin: 0; padding: 0; }

/* INNER PAGE */
/* CONTENT */
#content { margin: 0; padding: 0 10px 10px 184px; position: relative; font-size: 13px; line-height: 20px; }
#contentVideo { margin: 0; padding: 10px; position: relative; font-size: 13px; line-height: 20px; text-align:center }
#content img.visual, #content-full img.visual { float: right; margin: 0 0 0 20px; padding: 0; }
#content p, #content-full p { margin: 14px 0; }
#content ul, #content-full ul { margin: 0 0 5px 0; padding: 0 0 0 20px; list-style: none; }
#content ul li, #content-full ul li { margin: 0 5px; padding: 0; list-style-image: url(/images/bullet1.gif); }
#content ol li, #content-full ol li { margin: 0 0 0 -10px; padding: 0; }
#content ul li ul li, #content-full ul li ul li { list-style-image: url(/images/bullet2.gif); }
#content-full { margin: 0; padding: 0 10px 10px 0; position: relative; font-size: 13px; line-height: 20px; }

#content h2, #content-full h2 { width: 750px; height: 40px; background-repeat: no-repeat; }
#content h2.overview { background: url(/images/h2_overview.gif); }
#content h2.steps { background: url(/images/h2_25steps.gif); }
#content h2.business { background: url(/images/h2_business.gif); }
#content h2.select { background: url(/images/h2_select.gif); }
#content h2.checklist { background: url(/images/h2_checklist.gif); }
#content h2.resources { background: url(/images/h2_resources.gif); }
#content h2.learn { background: url(/images/h2_learn.gif); }
h2.experience { background: url(/images/h2_experience.gif); }
#content h2.webinar { background: url(/images/h2_webinar.gif); }
h2.report { background: url(/images/h2_report.gif) }
h2.TCO { background: url(/images/h2_TCO.gif); }
h2.contact { background: url(/images/h2_contact.gif); }
h2.sitemap { background: url(/images/h2_sitemap.gif); }
h2.thankyou { background: url(/images/h2_thankyou.gif); }
h2.factsheet { background: url(/images/h2_factsheet.gif); }

#content h3, #content-full h3 { width: 750px; height: 28px; background-repeat: no-repeat; margin: -20px 0 0 0; }
#content h3.step1-8 { background: url(/images/h3_steps1-8.gif); }
#content h3.step9-25 { background: url(/images/h3_steps9-25.gif); }
#content h3.steps_manage { background:url(/images/h3_steps_manage.gif); }
#content h3.part1 { background: url(/images/h3_part1.gif); }
#content h3.part2 { background: url(/images/h3_part2.gif); }
#content h3.part3 { background: url(/images/h3_part3.gif); }
#content h3.research { background: url(/images/h3_research.gif); }
h3.factsheet { background: url(/images/h3_factsheet.gif); }

#content h4, #content-full h4 { margin: 14px 0; font-size: 16px; }

.footnote { font-size: 12px; line-height: 16px; }

/* CONTENT-LEFT */
#content-left { position: absolute; left: 0; top: 0; width: 170px; margin: 0; padding: 0; font-size: 12px; line-height: 16px; }
div.content-left-item { margin: 0 0 13px 0; padding: 0; background: url(/images/leftcol_bottom.gif) bottom left no-repeat; }
#content-left div.content-left-item ul { list-style: none; margin: 0; padding: 5px 0; background: url(/images/leftcol_top.gif) top left no-repeat; }
#content-left div.content-left-item ul li { margin: 0; padding: 0 10px; list-style-image: none; }
#content-left div.content-left-item ul li p { margin: 5px 0; padding: 0; }

a.subnav { display: block; padding: 4px 8px; margin: 0 -7px 0 -8px; text-decoration: none; border-bottom: 1px dotted #b3b4a7; color: #575555; }
a.last { border-bottom: none; }
body.step1-8 a.step1-8 { background: #FFFFFF; }
body.step9-25 a.step9-25 { background: #FFFFFF; }
body.steps_manage a.steps_manage { background: #FFFFFF; }
body.part1 a.part1 { background: #FFFFFF; }
body.part2 a.part2 { background: #FFFFFF; }
body.part3 a.part3 { background: #FFFFFF; }
a.subnav:hover { background: #EFEFEF; color: #ED2024; }

/* 25 STEPS TABLE */
div.steps { width: 776px; margin: 15px 0 0 0; background: url(/images/table_bg.gif) bottom no-repeat; position: relative; }
div.steps h4 { background: url(/images/table_head.gif) top no-repeat; margin: 0 !important; padding: 10px 10px; font-size: 16px; color: #343640; }
div.steps table { width: 772px; margin: 0 3px 0 1px; border-top: 3px solid #d6d5d5; }
div.steps td { border-bottom: 1px dotted #b3b4a7; }
div.steps td.rightborder { border-right: 1px solid #b3b4a7; }
div.steps td.bottom { border-bottom: none; border-top: 1px solid #d6d5d5; }
div.steps h4.right {
	background: none !important;
	position: absolute;
	right: 0;
	top: 0;
	width: 369px;
}

/* CHECKLIST TABLE */
div.checklist { width: 387px; margin: 0 400px 15px 0; background: url(/images/table2_bg.gif) bottom no-repeat;  }
div.graybottom { background: url(/images/table2_bg_graybottom.gif) bottom no-repeat !important; }
div.checklist h4 { background: url(/images/table2_head.gif) top no-repeat; margin: 0 !important; padding: 10px 10px; font-size: 16px; color: #343640; }
div.checklist table { width: 382px; margin: 0 3px 0 1px; border-top: 3px solid #d6d5d5; }
div.checklist td { border-bottom: 1px dotted #b3b4a7; padding-left: 10px; }
div.checklist td.bottom { border-bottom: none !important; padding-bottom: 5px; }
div.checklist tr.gray td { background-color: #DDDDDD; }
div.checklist tr.gray td strong { margin-left: -10px; }
div.checklist td input { margin-left: 10px; }
div.checklist tr.gray td input { margin-left: 0; }
div.graybottom tr.graybottom td { background-color: none; }
div.graybottom tr.graybottom td strong { margin-left: -10px; }
div.graybottom tr.graybottom td input { margin-left: 0; }

/* FULL TABLE */
div.full-table { width: 960px; margin: 15px 0 0 0; background: url(/images/table-full_bg.gif) bottom no-repeat; }
div.full-table h4 { background: url(/images/table-full_head.gif) top no-repeat; margin: 0 !important; padding: 10px; font-size: 16px; color: #343640; }
div.full-table table, div.full-table div.innertable { width: 956px; margin: 0 3px 0 1px; border-top: 3px solid #d6d5d5; }
div.full-table div.innertable { width: 936px; padding: 10px; }
div.full-table td { border-bottom: 1px dotted #b3b4a7; }
div.full-table .bottom td { border-bottom: none !important; padding-bottom: 5px; }
div.full-table p { margin: 8px 0 !important; }

/* FORMS */
fieldset { border: none; }
label { width: 150px; margin-right: 7px; display: block; float: left; text-align: left; color: #131f47; }
p.submit { margin-left: 157px; }
fieldset.shortform { float: right; }

div.reportform { width: 387px; margin: 0 0 0 10px; background: url(/images/table2_bg.gif) bottom no-repeat; float: right; }
div.reportform h4 { background: url(/images/table2_head.gif) top no-repeat; margin: 0 !important; padding: 10px; font-size: 15px !important; color: #343640; }
div.reportform div.innerform { width: 372px; margin: 0 3px 0 1px; border-top: 3px solid #d6d5d5; padding-left: 10px; padding-bottom: 0; }
div.reportform label { width: 180px; }
div.reportform p { margin: 3px 0 !important; }