/********************************
	Global
********************************/

html, body { width: 100%; min-height: 100%; }

body { background: rgb(32,84,149) url(/themes/site_themes/b2p/images/bg-body.gif) repeat-x top left; color: #666; font-size:62.5%; text-align:center; font-family: Arial, Helvetica, sans-serif; margin:0; padding: 0;}

/* 16px x 62.5% = 10px base font size - font sizing with em is now scale of 10 */

* html body { font-size: 52.5%; }

/** Text Formatting **/

p, h1, h2, li, a { line-height: 1.4em; padding: 0; margin: 0; letter-spacing: 0.03em; }

p { font-size: 1.1em; } 

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; } 

h1 span { display: none; }

a, a.link, a:visited { color: #666; text-decoration: none; }

a:hover { color: #df7a1c; text-decoration: underline; }

ul { margin-top: 0; padding-top: 0; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }

sup { bottom: .5ex; }

sub { top: .5ex; }

img { border: 0px; }

/** Clearfix **/

* html .clearfix { height: 1%; overflow: visible; } /* float clearing for IE6 */ 

*+html .clearfix { min-height: 1%; } /* float clearing for IE7 */

.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* float clearing for everyone else */

div.hiddenFields { display: none; }

/********************************
	Containers
********************************/

div#container { width: 1000px; margin: 0 auto; padding: 41px 0 0 0; position: relative; text-align: left; min-height: 100%; }

div#shadow { background: url(/themes/site_themes/b2p/images/shadow_bg.png) repeat-y top left; } 

* html div#shadow { background: url(/themes/site_themes/b2p/images/shadow_bg_ie.png) repeat-y 21px 0px; }

div#columns { background: #fff url(/themes/site_themes/b2p/images/columns_bg.png) no-repeat bottom left; padding: 15px 0 0 0; width: 957px; margin: 0 0 0 23px; position: relative; min-height: 520px; }

.home div#columns { padding-bottom: 0; border-bottom: 5px solid #f6f6f6; }

#b2p-consumer #wrap-columns { width: 100%; height: 100%; min-height: 520px; background: url(/themes/site_themes/b2p/images/bg-int-half_circle.png) 720px bottom no-repeat; }

* html div#columns { height: 520px; }
* #b2p-consumer #wrap-columns { height: 520px; }

* html div#container.home div#columns { height: auto; }

div#page_header .header { color: rgb(0,64,133); font-size: 2.4em; font-weight: normal; margin: 0 0 0 20px; padding: 5px 0 10px 5px; border-bottom: 2px solid #ddd; width: 910px; }

div#columns.wide div#page_header h1 { width: 910px; }

div#container.home div#columns { background: #fff url(/themes/site_themes/b2p/images/home_columns_bg.png) no-repeat top left; min-height: 473px; padding: 0; }

div#columns.full div#page_header h1 { width: 910px; }

/********************************
	Header
********************************/

div#header { background: url(/themes/site_themes/b2p/images/home_header_bg.png) no-repeat top left; height: 129px; position: relative; }

div#container.home div#header { background: url(/themes/site_themes/b2p/images/home_header_bg.png) no-repeat top left; height: 153px; position: relative; }


/** Logo **/

div#logo {  width: 240px; height: 100px; background-color: transparent; position: absolute; top: 41px; left: 50px; }

div#logo a { display: block; width: 100%; height: 100%; }

div#logo span { display: none; }

/** Nav **/

div#nav { position: absolute; top: 10px; left: 48px; }

div#nav ul { margin: 0; padding: 0; list-style: none; }

div#nav ul li { float: left; display: block; padding: 0 11px; }

div#nav ul li a { color: rgb(51,51,51); font-size: 1.2em;  letter-spacing: .01em;} 

div#nav ul li a:hover { color: rgb(0,63,133); text-decoration: none; }

div#nav ul li.here a { color: rgb(0,63,133); }

/** Login **/

div#login { position: absolute; right: 9px; top: 1px; display: none; }

div#login ul { margin: 0; padding: 0; list-style: none; }

div#login ul li { text-transform: uppercase; background: url(/themes/site_themes/b2p/images/login_bg.png) no-repeat top left; width: 141px; height: 31px; padding: 9px 0 0 10px; font-size: 1em; letter-spacing: .01em; }

div#login ul li ul { display: none; }

div#login ul li ul li { text-transform: none; background: none;}

/** Questions **/

div#utility { position: absolute; right: 5px; top: 0; }

div#utility div { margin: 0 25px 0 0; padding: 14px 25px 0 0; background: url(/themes/site_themes/b2p/images/utility_rule.png) no-repeat top right; height: 41px; position: absolute; top: 0px; right: 200px; width: 350px; text-align: right; }

div#utility div a { background: url(/themes/site_themes/b2p/images/question_bg.png) no-repeat right 0px; display: inline; float: right; margin: 0 0 0 12px; color: rgb(0,63,133); text-decoration: none; padding: 2px 22px 2px 0; font-weight: bold; font-size: 1.0em; } 

div#utility div a:hover { text-decoration: underline; }

div#utility form { position: absolute; top: 0px; right: 0px; padding: 13px 0 0 0; width: 200px; text-align: right; }

div#utility form input.text { font-size: 1.0em; display: block; float: left; padding: 2px 4px 2px 4px; margin: 1px 5px 0 0; border: 1px solid #ccc; width: 110px; color: #666; }

div#utility form input.button { border: 0px; background: none; margin: 0; padding: 0; float: left; }

/********************************
	Promos
********************************/

.home div#promos { position: relative; height: 260px; }

/** Testimonials **/

div#features { width: 936px;  height: 254px; position: absolute; background: url(/themes/site_themes/b2p/images/bg-hp-billboard.png) no-repeat top left; top: 0px; left: 10px; padding: 0 15px 0 17px; }


div#features h1 { font-size: 1.0em; font-weight: normal; text-transform: uppercase; padding: 4px 0; }

div#features span#prevBtn, div#features span#nextBtn{ display:block; width:11px; height:13px; position:absolute; top: 18px; right: 61px; z-index: 100; }	

div#features span#nextBtn{ right: 50px; }

div#features span#prevBtn a, div#features span#nextBtn a { display:block; width:11px; height:13px; background: url(/themes/site_themes/b2p/images/prevBtn.png) no-repeat top left; }

div#features span#nextBtn a { background: url(/themes/site_themes/b2p/images/nextBtn.png) no-repeat top left; }

#features #feat_link { width: 400px; height: 224px; position: absolute; top: 0; left: 0; background: transparent; }

div#features div#features_slider { position: relative; height: 224px; width: 904px; margin: 14px 0 0 0; overflow: hidden; background: url(/themes/site_themes/b2p/images/promo-01.jpg) no-repeat top left;}
div#features div#features_slider_wrap { position: absolute; top: 1px; right: 0; z-index:1; height: 224px; width: 450px; margin: 0; padding: 0; list-style: none; }
div#features div#features_slider ul {  height: 224px; width: 450px; margin: 0; padding: 0; list-style: none; }


div#features div#features_slider ul li { margin: 0; padding: 0; height: 224px; width: 450px; overflow: hidden; }

/** html div#features div#features_slider ul li { height: 158px; }*/

div#features div#features_slider ul li h2 { display: none; }

/*div#features div#features_slider ul li p { font-size: 1.1em; line-height: 1.6em; margin: 0 0 15px 0; }

div#features div#features_slider ul li a { font-size: 1.0em; line-height: 1.6em; margin: -5px 0 0 -15px; display: block; text-transform: uppercase; background: url(/themes/site_themes/b2p/images/feature_cta_bg.png) no-repeat top left; width: 230px; height: 25px; padding: 8px 0 0 3px; }*/

* html div#features div#features_slider ul li a { bottom: 8px; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/feature_cta_bg.png', sizingMethod='crop'); }


/*= Homepage Rotations
/*-------------------------------------------------------- */

#features_slider li.ir a,
#features_slider li.ir a span { width: 450px; height: 224px; display: block; position: relative; }
#features_slider li.ir a span { position: absolute; top: 0; left: 0; z-index: 1000; }
/*-------------------------------------------------------- */
/*= [end] Homepage Rotations */

/** Clients **/

div#clients { width: 368px; height: 254px; position: absolute; background: url(/themes/site_themes/b2p/images/clients_bg.png) no-repeat top left; top: 0px; right: 11px; padding: 0 17px 0 13px; }

* html div#clients { background: url(/themes/site_themes/b2p/images/clients_bg_ie6.png) no-repeat 5px 0px; }

div#clients h1 { font-size: 1.0em; font-weight: normal; text-transform: uppercase; padding: 4px 0; }

div#clients div#prevBtn { position: absolute; top: 5px; right: 16px; }

div#clients div#nextBtn { position: absolute; bottom: 9px; right: 16px; }

div#clients div#clients_slider { height: 208px; overflow: hidden; width: 368px; }

div#clients div#clients_slider ul { margin: 0; padding: 0; list-style: none; }

div#clients div#clients_slider ul li { padding: 0; margin: 0; overflow: hidden; width: 368px; height: 212px; }

div#clients div#clients_slider ul li img {  }


/********************************
	Solutions
********************************/

div#solutions { width: 920px; position: relative; padding: 0 0 0 21px; }

div#solutions ul { margin: 0 0 0 10px; padding: 0 0 0 0; list-style: none; }

div#solutions ul li { position: relative; float: left; display: block; width: 221px; height: 7.5em; padding: 155px 12px 0 0; }

div#solutions ul li.demo {  background: url('/themes/site_themes/b2p/images/solutions_demo_bg.png') left 12px no-repeat; }

div#solutions ul li.users { margin-left: 9px; background: url(/themes/site_themes/b2p/images/solutions_users_bg.png) left 19px no-repeat; }

/*div#solutions ul li.guide { background: url(/themes/site_themes/b2p/images/solutions_guide_bg.png) no-repeat  -10px -10px; *background: url(/themes/site_themes/b2p/images/solutions_guide_bg.png) no-repeat  -5px -10px; }*/

div#solutions ul li h1 { text-align: left; color: #333; font-size: 1.2em; font-weight: bold; }

div#solutions ul li a.learnmore { position: absolute; bottom: 0; left: 0; color: #ec0035; background: url(/themes/site_themes/b2p/images/button_learnmore.png) no-repeat top left; display: block; width: 106px; height: 22px; text-transform: uppercase; font-size: 1.1em; font-weight: bold; padding: 5px 7px 0 7px; margin: 5px 0 0 0; text-align: left; }

div#solutions ul li.demo a.learnmore { margin-left: ; }

div#solutions ul li.users a.learnmore { float: left; margin: 5px 4px 0 0; padding: 5px 7px 0 7px; width: 106px; }

div#solutions ul li.guide a.learnmore { position: absolute; bottom: 4px; left: 317px; }

div#solutions ul li.guide { margin-left: 10px; height: 219px; width: 415px; padding: 19px 0 0 ; text-align: left; position: relative; }

div#solutions ul li.guide h1 { margin: 0 0 5px; text-align: left; color: #333; font-size: 1.2em; font-weight: bold; text-transform: uppercase; }

div#solutions ul li.guide p { text-align: left; font-size: 11px; line-height: 17px; letter-spacing: .01em; }

/********************************
	Product Nav
********************************/

div#productnav_small { background: url(/themes/site_themes/b2p/images/productnav_top.png) no-repeat 0px 0px; height: 13px; position: relative; }

/********************************
	Left
********************************/

div#left { width: 212px; margin: 0 0 0 20px; float: left; }

* html div#left { margin: 0 0 0 10px; }

div#columns.full div#left { display: none; }

/** subnav **/

div#subnav { margin: 0 0 15px 0; }

div#subnav ul { margin: 0; padding: 0; list-style: none; }

div#subnav ul li { display: block; border-bottom: 2px solid #ddd; }

div#subnav ul li a { display: block; padding: 7px 5px; font-size: 1.4em; color: #666; }

div#subnav ul li ul { margin: 0; padding: 0; list-style: none; }

div#subnav ul li ul li { display: block; border-top: 2px solid #ddd; border-bottom: 0px; }

div#subnav ul li ul li a { display: block; padding: 7px 0 7px 17px; font-size: 1.1em; color: #666; }

* html div#subnav ul li ul li a { padding: 12px 0 0px 17px; }

div#subnav ul li a:hover, iv#subnav ul li ul li a:hover { text-decoration: none; color: rgb(0,64,133); }

div#subnav ul li.here a, div#subnav ul li ul li.here a { color: rgb(0,64,133); }

div#subnav ul li.here ul li a { color: #666; }

div#subnav ul li.here ul li a:hover { color: rgb(0,64,133); }

/** testimonials **/

div#testimonials { background: url(/themes/site_themes/b2p/images/testimonials_bg.png) no-repeat top left; color: #205d88; padding: 32px 15px 0 0; }

div#testimonials p.author { color: #666; margin: 12px 0 12px 0; }

div#testimonials a.cta { color: #8cabc0; text-align: right; display: block; }


/********************************
	Center
********************************/

div#center { width: 425px; margin: 0 0 0 20px; float: left; padding: 23px 0 0 0; }

div#columns.wide div#center { width: 637px; margin: 0 0 0 25px; }

div#columns.full div#center { width: 859px; margin: 0 0 0 25px; }

div#center h1 { font-size: 1.5em; color: rgb(0,64,133); margin: 0 0 15px 0; }
div#center h2 { font-size: 1.6em; color: rgb(0,64,133); margin: 0 0 15px 0; }

div#center h3 { font-size: 1.3em; color: #333333; margin: 0 0 15px 0; }

div#center p { font-size: 1.2em; line-height: 1.8em; color: #2e2929; margin: 0 0 15px 0; }

div#center ul, div#center ol { margin: 0 0 15px 0; padding: 0 0 0 13px; }

div#center ul li, div#center ol li { padding: 0 0 15px 0; font-size: 1.2em; color: #2e2929; }

div#center a.button_b2p { background: url(/themes/site_themes/b2p/images/button_b2p.png) no-repeat top left; display: block; width: 187px; height: 41px; font-size: 1.2em; color: #fff; text-align: center; padding: 12px 0 0 0; }

div#center a.button_b2p:hover { text-decoration: none; }

div#center a { color: rgb(0,64,133); text-decoration: underline; }

div#center a:hover  { color: rgb(0,64,133); text-decoration: none; }


/********************************
	Right
********************************/

div#right { width: 222px; margin: 0 0 0 20px; display: inline; float: right; margin-top: 30px; margin-right: 20px; }

div#columns.wide div#right { display: none; }

div#right.small { top: 35px; }

div#columns.full div#right { display: none; }

#right #promos a { width: 100%; display: block; margin: 0 0 12px; }


/********************************
	Footer
********************************/

/*div#footer.home { color: #fff; text-align: left; padding: 30px 13px 15px 23px; position: relative; background: none; padding-top: 20px}

div#footer.home ul { top: 18px; }*/

div#container.home div#footer { background: url(/themes/site_themes/b2p/images/home_footer_bg.png) no-repeat top left; }


div#footer { color: #fff; text-align: left; padding: 20px 13px 15px 23px; position: relative; background: url(/themes/site_themes/b2p/images/home_footer_bg.png) no-repeat top left; }

div#footer ul { margin: 12px 0 0; padding: 0; list-style: none; position: absolute; top: 23px; right: 12px; }

div#footer ul li { float: left; display: block; padding: 0 8px; border-left: 1px solid #fff; }

div#footer ul li.first { border-left: 0px; }

div#footer ul li a { color: #fff; font-size: .9em; text-decoration: underline; } 

div#footer ul li a:hover { color: #fff; text-decoration: none; }

div#footer p { font-size: .9em; width: 360px; position: absolute; top: 7.3em; right: 18px; text-align: right; }

div#footer div#bsglogo { margin-top: 0; }

div#footer div#bsglogo a { background: url(/themes/site_themes/b2p/images/footer_bsglogo.gif) no-repeat top left; width: 203px; height: 46px; display: block; }

/********************************
	Site Map
********************************/

/* ------------------------------------------------------------
	NUMBER OF COLUMNS: Adjust #primaryNav li to set the number
	of columns required in your site map. The default is 
	4 columns (25%). 5 columns would be 20%, 6 columns would 
	be 16.6%, etc. 
------------------------------------------------------------ */

ul#sitemap li { width: 33.3%; }

ul#sitemap { margin: 0; float: left; width: 100%; list-style: none; }

ul#sitemap #home { display: block; float: none; position: relative; z-index: 2; padding: 0 0 30px 0; }

ul#sitemap li { float: left; padding: 30px 0 0 0; }

ul#sitemap li a { background: rgb(0,64,133) url('/themes/site_themes/bsg/images/white-highlight.png') top left repeat-x; margin: 0 20px 0 0; display: block; font-size: .9em; font-weight: bold; color: #fff; padding: 3px 7px; text-decoration: none; }

ul#sitemap li a:hover { color: #fff; text-decoration: underline; }

ul#sitemap li ul { list-style: none; margin: 0; padding: 0; }

ul#sitemap li li { width: 95%; float: right; }

ul#sitemap li li a { background-color: #cbcfd8; font-size: .8em; color: #2e2929; font-weight: normal; margin-top: 10px; }

/*ul#sitemap li li:first-child { padding-top: 10px; }*/

ul#sitemap li li ul { padding: 0; margin: 0; float: right; width: 100%; padding: 3px 7px; list-style: none; }

ul#sitemap li li li { padding: 0; margin: 0; background: none; }

ul#sitemap li li li a { font-size: .6em; width: 90%; float: right; background-color: transparent; font-weight: normal; margin: 0; padding: 0; }

ul#sitemap li li li:first-child { padding-top: 0px; }


/*= LANDING Pages
/*-------------------------------------------------------- */

#landing #main { width: 604px; display: inline; float: left; margin: 0 0 0 25px; }
#landing #promo { width: 604px; height: 304px; overflow: hidden; display: inline; float: left; background: url(/themes/site_themes/b2p/images/bg-lp-promo.gif) left top no-repeat; }
#landing #promo-image { position: relative; width: 575px; height: 275px; display: inline; float: left; margin: 16px 0 0 14px; }
#landing #promo-image #banner { width: 575px; height: 275px; display: block; position: absolute; top: 0; left: 0; z-index: 1000; }
#landing #promo-image h1 { margin: 9px 15px 0 15px; font-size: 17px; font-weight: normal; color: rgb(7,71,126); }
#landing #promo-image p { margin: 9px 15px 0 15px; padding: 0 90px 0 0; font-size: 12px; color: rgb(51,51,51);}
#landing #demo-launch { width: 255px; display: inline; float: left; margin: 20px 0 0 25px; }
#landing #info { width: 285px; display: inline; float: left; margin: 20px 0 0 25px;}
#landing #info h2 { margin: 0 0 15px; font-size: 14px; font-weight: normal; text-transform: uppercase; color: rgb(7,72,126);}
#landing #info p { font-size: 12px; line-height: 20px; color: rgb(51,51,51);}
#landing #sub { width: 290px; height: 537px; display: inline; float: right; margin: 0 25px 0 0; padding: 35px 0 0 0; background: url(/themes/site_themes/b2p/images/bg-lp-form.png) left top no-repeat; }
#landing #columns #form { display: inline; float: left; margin: 0 0 0 10px; }
#landing #columns form { border: none; }
#landing .ctl { margin: 0 0 12px; }
#landing label { margin: 0 0 3px; font-size: 12px; font-weight: bold; }
#landing .fld-submit .submit { margin: 0; }
#landing #sub h3 { margin: 0 35px; font-size: 15px; line-height: 18px; font-weight: normal; color: rgb(64,108,152);}
#landing label.error { font-size: 10px; margin-bottom: 0; }


/*-------------------------------------------------------- */
/*= [end] LANDING Pages */

/*= FORM FIELDS
/*-------------------------------------------------------- */

#columns form { width: 100%; overflow: hidden; display: block; margin: 0 0 20px; padding: 25px 0; border: 1px solid rgb(173,173,173); }
fieldset { overflow: hidden; margin: 0 25px; padding: 0; border: none; }
legend { display: none; }
label,
input { line-height: 1; vertical-align: baseline; }
.ctl { width: 100%; display: inline; float: left; margin: 0 0 9px; }
.ctl label { width: 120px; margin: 0 10px 0 0; display: inline; float: left; font-size: 12px; line-height: 1; color: rgb(46,46,41); }
label .req { font-size: 13px; line-height: 12px; font-weight: bold; color: rgb(232,0,53);}
.text input,
.ctl select,
.ctl textarea { width: 200px; display: inline; float: left; margin: 0; padding: 3px 6px; background: rgb(255,255,255);}
.fld-submit label,
div.submit label { display: none; }
.fld-submit .submit { width: 200px; display: inline; float: left; margin-left: 130px; }

label.error { width: 200px; display: inline; float: left; margin: 3px 0 9px 130px; color: rgb(232,0,53); }
input.error { border-color: rgb(232,0,53); }

/*-------------------------------------------------------- */
/*= [end] FORM FIELDS */

/*= Verticals
/*-------------------------------------------------------- */
#verticals-wrap { width: 100%; display: inline; float: left; margin: 0 0 15px; }
#center .verticals { width: 46%; display: inline; float: left; margin: 0 3% 0 0; }
#verticals-col-01 { margin: 0; }

#center .verticals ul,
#center .verticals li { width: 100%; display: inline; float: left; margin: 0; padding: 0; list-style: none; }

#center .verticals li { width: 95%; margin: 0 0 1px; padding: 6px 0 6px 5%; border-bottom: 1px solid #D2D1D1; background: transparent;}

/*-------------------------------------------------------- */
/*= [end] Verticals */

/*= News
/*-------------------------------------------------------- */
#news { width: 100%; display: inline; float: left; margin: 30px 0; }
#center #npe-list h2 { margin: 0 0 6px; }
#center #npe-list .item { width: 100%; display: inline; float: left; margin: 0 0 15px; }
#center #npe-list .item h3 { margin: 0 0 3px; }
#center #npe-list .item h4 { margin: 0; font-size: 12px; font-weight: normal; }
#center #npe-list .item p { margin: 0; }

#center #news .more,
#center #press .more,
#center #event .more { font-size: 10px; font-weight: bold; letter-spacing: 0.5em; text-transform: uppercase; }


#press { width: 100%; display: inline; float: left; }
#events { width: 100%; display: inline; float: left; margin: 30px 0; }

#center #npe-list .event-item img { width: 150px; display: inline; float: left; margin: 0 15px 10px 0; }


/*-------------------------------------------------------- */
/*= [end] News */