/*
Styles for homepage (standalone layout)
Date: Dec 2011
Author: Amy Osborne
*/

/*----------------------------------------------------------
  =reset
----------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a img, input[type="submit"] { border: 0; }

/*----------------------------------------------------------
  =typography
----------------------------------------------------------*/
body { font: 13px normal Arial, Helvetica, sans-serif; }

.wrapper { text-align: left; }

h1 {
	font: normal 3em 'Arial Narrow', Arial, sans-serif;
	font-stretch: condensed;
}

h1 b {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #4b6591;
}

h2 {
	font: normal 1.35em 'Arial Narrow', Arial, sans-serif;
	font-stretch: condensed;
}

h2 b { color: #4b6591; }

.supplierLogos h6 {
	font-weight: bold;
	font-size: 0.95em;
	color: #2b8d39;
}

/*----------------------------------------------------------
  =layout, structure
----------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: #d8e0ed;
}

.header, .supplierLogos, .featuredNews, .subSection1, .subSection2, .footer {
	clear: both;
	overflow: auto;
}

.wrapper {
	width: 911px;
	background: #fff;
	border: 1px solid #7c90b1;
	border-bottom: none;
	margin: -1px auto 0;
	padding: 13px;
	overflow: auto;
}

.header { margin: 5px 8px 5px 20px; }

.header p { float: left; }

/* global nav */
.globalNav {
	float: right;
	margin-top: 15px;
	font-size: 0.95em;
}

.globalNav a {  padding: 4px 0 4px; }

.navLinks li {
	display: inline;
	font-weight: bold;
}

.navLinks li {
	padding: 0;
	border-right: 1px solid #4b6591;
}

.navLinks li:last-child {
	border: none;
	padding-right: 0;
}

.navLinks li a {
	margin: 0 12px 0 8px;
	color: #4b6591;
	text-decoration: none;
}

.navLinks li a:hover {
	text-decoration: underline;
}

/* nav bar */
.navBar {
	background: #4b6591;
	padding: 5px 13px;
	margin: 10px 0 15px;
	overflow: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.navBar li { border-color: #fff; }

.navBar li a { color: #fff; }

.siteNav {
	float: left;
	width: 200px;
	padding-top: 6px;
}

#keyword { float: right; }

#searchBox {
	border: 1px solid #15395c;
	float: left;
	font-size: 0.85em;
	color: #4b6591;
	margin-right: 2px;
	padding: 4px 6px 5px 6px;
	width: 185px;
}

.searchButton {
	border: 0;
	cursor: pointer;
	height: 26px;
	margin-left: 5px;
	text-indent: -9999px;
	width: 98px;
}

.ui-autocomplete {
	border: 1px solid #CCCCCC;
	margin-right: 2px;
	max-height: 210px;
	overflow: auto;
	width: 175px;
}

/* intro section, overview */
.pageIntro, .services {
	width: 380px;
	float: left;
}

.pageIntro {
	padding-right: 30px;
	padding-left: 20px;
	height: 275px;
}

.services {
	clear: right;
	overflow: auto;
	width: 472px;
	padding: 15px 0;
	color: #4b6591;
}

.services h3 {
	font: bold 1.75em 'Arial Narrow', Arial, sans-serif;
	font-stretch: condensed;
	margin-bottom: 7px;
}

.services i {
	font-size: 0.8em;
	display: block;
	font-style: normal;
}

.services p {
	font-size: 0.95em;
	line-height: 1.5em;
}

.business, .supplier {
	width: 210px;
	padding: 0 5px;
	float: left;
	text-align: center;
}

.business {
	margin-right: 25px;
	margin-left: 5px;
}

.business p, .supplier p { padding-top: 85px; }

.services .button {
	background: none;
	padding-top: 0;
	text-align: center;
}

.services .button a {
	display: block;
	margin: 15px auto;
	width: 175px;
	height: 50px;
	text-indent: -9999px;
}

/* supplier logos */
.supplierLogos { padding: 20px 0 15px 0; }

/* from existing CSS */
.supplierLogos h6 {
	float: left;
	padding-left: 13px;
	width: 90px;
}

.logoScreen ul {
	float: right;
	width: 760px;
}

.logoScreen ul li { float: left; }

.clear { clear: both; }

/* featured news */
.featuredNews {
	border: 2px solid #004a75;
	margin-top: 20px;
}

.feature {
	height: 167px;
	padding: 15px 0 0 20px;
	overflow: auto;
}

.feature h4 {
	font: bold 2.125em 'Arial Narrow', Arial, sans-serif;
	font-stretch: condensed;
	margin-bottom: 12px;
}

.feature .intro { margin-bottom: 12px; }

.featuredNav {
	background: #004a75;
	padding: 8px 0 11px;
}

.featuredNav li {
	display: inline;
	padding-right: 40px;
	padding-left: 10px;
	color: #fff;
}

.featuredNav li a {
	color: #fff;
	padding: 3px 13px 5px 13px;
	font-weight: bold;
	font-size: 1.125em;
	text-decoration: none;
}

.featuredNav li .selected {
	background: #013350;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}

.featuredNav li a:hover {
	background: #013350;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	text-decoration: underline;
}

#section1, #section2, #section3 {  display: none; } /* #section4 defaults on page load */

/* testimonial/quote*/
.quote {
	text-align: center;
	font: normal 2.5em 'Arial Narrow', Arial, sans-serif;
	font-stretch: condensed;
	margin: 45px 75px 0;
	padding-bottom: 20px;
}

.attribution {
	color: #aaa;
	font-style: italic;
}

/* sub-sections */
.subSection1, .subSection2 { margin-top: 20px; }

.subSection2 .last { clear: left; }

.secIntro, .buyingAdvice, .latestNews, .leadGen, .latestBlog {
	float: left;
	margin-bottom: 30px;
}

.latestNews, .latestBlog { clear: right; }

.secIntro {
	width: 200px;
	padding-right: 22px;
}

.secIntro h4 {
	font: normal 2.5em 'Arial Narrow', Arial, sans-serif;
	font-stretch: condensed;
}

.secIntro p {
	color: #707070;
	font-size: 0.95em;
	line-height: 1.75em;
}

.buyingAdvice, .leadGen {
	width: 341px;
	padding-right: 40px;
	margin-top: 36px;
}

.latestNews, .latestBlog {
	width: 264px;
	background: #dee1e5;
	margin-right: 20px;
	margin-top: 23px;
	padding: 12px;
	color: #333;
	font-size: 0.95em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.latestBlog { margin-top: -290px; }

.newsIcon {
	float: right;
	margin-top: -35px;
	margin-right: -20px;
}

.buyingAdvice .intro {
	padding-bottom: 12px;
	line-height: 1.5em;
}

.buyingAdvice dl { padding-top: 10px; }

.buyingAdvice dt, .buyingAdvice dd {
	margin-bottom: 4px;
	border-top: 1px solid #eee;
}

.buyingAdvice dt {
	width: 45%;
	padding-right: 10px;
	float: left;
	clear: left;
}

.buyingAdvice dt a {
	padding-top: 9px;
	display: block;
	color: #2b8d39;
	text-decoration: none;
	font-weight: bold;
}

.buyingAdvice dt a:hover { text-decoration: underline; }

.buyingAdvice dd {
	width: 50%;
	padding-top: 9px;
	float: left;
	clear: right;
}

.leadGen h5 {
	font-size: 1.5em;
	font-weight: bold;
}

.leadGen h6 { margin-top: 12px; }

.leadGen h6 a {
	color: #2b8d39;
	text-decoration: none;
	font-weight: bold;
}

.leadGen a { color: #4b6591; }

.leadGen p { line-height: 1.5em; }

.latestNews h6, .latestBlog h6 {
	font: bold 1.25em Arial, Helvetica, sans-serif;
	color: #5f769c;
	border-bottom: 1px solid #5f769c;
	padding-bottom: 4px;
	margin-bottom: 10px;
}

.latestNews a, .latestBlog a { color: #5f769c; }

.latestNews p, .latestBlog p { margin-bottom: 10px; }

.latestNews ul, .latestBlog ul {
	margin-left: 0;
	padding-left: 0;
}

.latestNews li, .latestBlog li {
	margin-bottom: 5px;
	padding-left: 13px;
	margin-bottom: 10px;
	line-height: 1.45em;
}

.latestNews b, .latestBlog b {
	display: block;
	margin-bottom: 3px;
}

.latestBlog { background: #bccae0; }

.latestBlog h6 { color: #fff; }

.latestNews li i {
	color: #888;
	font-size: 0.875em;
}

.new {
	padding-left: 30px;
	display: block;
}

h6 .new {
	padding-top: 7px;
	padding-bottom: 7px;
}

/* footer */
.footer {
	width: 911px;
	background: #dee1e5;
	border: 1px solid #7c90b1;
	border-top: none;
	margin: 0 auto 15px;
	padding: 13px;
	font: normal 0.85em Arial, Helvetica, sans-serif;
	color: #666;
}

.footer .siteLinks a {
	color: #666;
	margin-right: 10px;
}

.buyerZoneLogo {
	width: 197px;
	height: 40px;
}

.buyerZoneLogo, .siteLinks { float: left; }

.siteLinks {
	width: 550px;
	margin-left: 20px;
}

.siteLinks p {
	clear: left;
	padding: 7px 0 5px;
}

.siteLinks li {
	float: left;
	margin-bottom: 4px;
}

.siteLinks li.break { display: block; }

.ftContent {
	width: 166px;
	margin-right: 20px;
	float: left;
	line-height: 1.5em;
}

.ftContent:last-child {
	width: 155px;
	margin-right: 0;
}

.ie .ftContent.last-child {
	width: 155px;
	margin-right: 0;
}

.ftContent h6 {
	font-size: 1.15em;
	margin-bottom: 5px;
	clear: both;
}

.ftGroup h6:nth-child(3) { margin-top: 15px; }

.ftGroup ul { overflow: auto; }

.ftGroup p { margin-bottom: 10px; }

.ftGroup a { color: #666; }


/*----------------------------------------------------------
  =social sharing
----------------------------------------------------------*/
/*.socialSharing {height:20px; text-align:right; margin-top:0; float:right; clear:right; margin-bottom:10px; width:140px}*/
.socialSharing li {
	margin-right: 5px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	display: block;
	float: left;
}

.socialSharing li a {
	background-image: url(/bzng/images/icons/icons-small.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.social-large .socialSharing li a {
	background-image: url(/bzng/images/icons/icons-large.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
}

.social-large .socialSharing li { margin-right: 10px; }

.socialSharing li:hover {
	opacity: .8;
	filter: alpha(opacity = 80);
}

/* background colors */
.socialSharing .linkedIn { background: #0183b4; }
.socialSharing .twitter { background-color: #00A0D1; }
.socialSharing .googlePlus { background-color: #DA583B; }
.socialSharing .facebook { background-color: #3b5998; }
.socialSharing .linkToArticle, .socialSharing .email, .socialSharing .print { display: none; }

/* positioning for small icons */
.socialSharing .linkedIn a { background-position: -40px 0; }
.socialSharing .twitter a { background-position: -60px 0; }
.socialSharing .googlePlus a { background-position: -80px 0; }
.socialSharing .facebook a { background-position: -100px 0; }

/*----------------------------------------------------------
  =global footer
----------------------------------------------------------*/
.globalFooter {
	width: 911px;
	text-align: center;
	margin: 0 auto 25px;
	font-size: 0.85em;
	color: #666;
}

.globalFooter { color: #666; }

.globalFooter p img { vertical-align: text-bottom; }

.globalFooter ul {
	width: 350px;
	margin: 15px auto;
}

.globalFooter li {
	float: left;
	padding-right: 20px;
	display: block;
	width: 150px;
}

.globalFooter li.second { padding-right: 0; }

.truste {
	width: 150px;
	height: 53px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #8CC63F;
}

.truste img { margin: 4px 0; }

.build { display: none; }

/*----------------------------------------------------------
  =featured content blocks
----------------------------------------------------------*/
/* section 1 */
#section1 a { color: #333; }

#section1 h4,
#section1 .intro,
#section1 .first-child {
	margin-left: 275px;
}

#section1 h4 { color: #448ccb; }

#section1 ul {
	width: 140px;
	float: left;
	font-size: 0.85em;
	padding-left: 50px;
	margin-left: 20px;
}

#section1 li {
	margin-bottom: 5px;
	list-style: disc;
	margin-left: 15px;
}

/* section 2*/
#section2 { color: #fff; }

#section2 h4, #section2 .first-child { margin-left: 195px; }

#section2 h4 {
	float: left;
	color: #fff;
}

#section2 a { color: #fff; }

#section2 ul {
	width: 200px;
	float: left;
	margin-right: 20px;
}

#section2 .first-child { clear: left; }

#section2 li {
	margin-bottom: 8px;
	list-style: disc;
	margin-left: 15px;
}

#section2 .button {
	width: 160px;
	clear: left;
	float: left;
	padding: 4px 10px 6px;
	margin: 7px 17px 0 0;
	text-align: center;
	background: #62DF29;
	border: 2px solid #4E7235;
	background: -moz-linear-gradient(0% 100% 90deg, #4C7C3A, #62DF29);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#62DF29), to(#4C7C3A));
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-moz-box-shadow: 2px 2px 2px #6F3400;
	-webkit-box-shadow: 2px 2px 2px #6F3400;
	box-shadow: 2px 2px 2px #6F3400;
}

#section2 .button a {
	font-size: 1.125em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 0 #3E5124;
}

/* section 3 */
#section3 { color: #999; }

#section3 a {
	color: #999;
	font-weight: bold;
}

#section3 h4,
#section3 .button { margin-right: 450px; }

#section3 h4 {
	color: #999;
	font-weight: normal;
	font-size: 2.35em;
	text-shadow: 1px 1px 0 #333;
}

#section3 h4 em {
	color: #e45905;
	font-weight: bold;
	font-style: normal;
}

#section3 .intro {
	font-size: 1.35em;
	line-height: 1.5em;
}

#section3 .button {
	width: 200px;
	float: left;
	clear: left;
	padding: 4px 10px 6px;
	margin-top: 10px;
	text-align: center;
	background: #e45905;
	border: 2px solid #fff;
	background: -moz-linear-gradient(0% 100% 90deg, #e45905, #f2b207);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2b207), to(#e45905));
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-moz-box-shadow: 2px 2px 2px #666;
	-webkit-box-shadow: 2px 2px 2px #666;
	box-shadow: 2px 2px 2px #666;
}

#section3 .button a {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 0 #a34e0f;
}

/* section 4 */
#section4 { color: #134A5F; }

#section4 a {
	color: #fff;
	font-weight: bold;
}

#section4 h4,
#section4 .intro,
#section4 ul {
	margin-left: 275px;
	margin-right: 30px;
}

#section4 h4 {
	color: #134A5F;
	font-size: 2.35em;
	font-weight: normal;
	letter-spacing: 0.025em;
	text-shadow: 1px 1px 0 #fff;
}

#section4 h4 b {
	font-weight: bold;
	color: #EE8722;
}

#section4 .button {
	width: 200px;
	float: left;
	padding: 4px 10px 6px;
	margin-top: 20px;
	margin-right: 40px;
	text-align: center;
	background: #EE8722;
	border: 2px solid #fff;
	background: -moz-linear-gradient(0% 100% 90deg, #DB5B15, #FFB032);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFB032), to(#DB5B15));
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-moz-box-shadow: 2px 2px 0 #ccc;
	-webkit-box-shadow: 2px 2px 0 #ccc;
	box-shadow: 2px 2px 0 #ccc;
}

#section4 .button a {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 0 #a64f0e;
}

/*----------------------------------------------------------
  =image sprites
----------------------------------------------------------*/
/* logos */
.logoScreen li {
	width: 88px;
	height: 31px;
	margin-right: 38px;
	background-image: url(/bzng/images/home/logoPartners.png);
	background-repeat: no-repeat;
}

.partner-adt { background-position: 0 0; }
.partner-avaya { background-position: 0 -36px; }
.partner-bobcat { background-position: 0 -72px; }
.partner-volvo { background-position: 0 -108px; }
.partner-canon { background-position: 0 -144px; }
.partner-cisco { background-position: 0 -180px; }
.partner-comcash { background-position: 0 -216px; }
.partner-komatsu { background-position: 0 -252px; }
.partner-nissan { background-position: 0 -288px; }
.partner-nortelblue { background-position: 0 -324px; }
.partner-paychex { background-position: 0 -360px; }
.partner-ricoh { background-position: 0 -396px; }
.partner-sharp { background-position: 0 -432px; }
.partner-toyota { background-position: 0 -468px; }
.partner-usbuildings { background-position: 0 -504px; }
.partner-tyco { background-position: 0 -541px; }

/* featured section */
.feature {
	background-image: url(/bzng/images/home/feature-sprite.jpg);
	background-repeat: no-repeat;
}
#section1 { background-position: 0 0; }
#section2 { background-position: 0 -425px; }
#section3 { background-position: 0 -625px; }
#section4 { background-position: 0 -828px; }

/* general */
.globalNav .sellerLogin, .searchButton, .pageIntro, .services, .business p, .supplier p, .business .button a, .supplier .button a, .buyingAdvice .intro, .latestNews li, .latestBlog li, .new, .buyerZoneLogo, .socialLinks .first-child a, .socialLinks .second a, .socialLinks .third a, #section1 .first-child, #section1 .second, #section1 .third {
	background-image: url(/bzng/images/home/sprite.png);
	background-repeat: no-repeat;
}

.globalNav .sellerLogin {
	background-position: -1400px 0;
	padding-left: 25px;
}

.searchButton {	background-position: -625px -200px; }
.pageIntro { background-position: 135px 120px; }

.services {
	background-position: -925px 0;
}

.business p {
	background-position: -1340px -50px;
}

.supplier p {
	background-position: -1340px -200px;
}

.business .button a {
	background-position: -300px -50px;
}

.supplier .button a {
	background-position: -300px -100px;
}

.buyingAdvice .intro {
	background-position: -477px 0;
	padding-right: 150px;
}

.latestNews li, .latestBlog li {
	background-position: 0 -171px;
}

.new {
	background-position: -275px -177px;
}

.buyerZoneLogo {
	background-position: -300px 0;
}

.socialLinks .first-child a {
	background-position: -725px -200px;
}

.socialLinks .second a {
	background-position: -750px -200px;
}

.socialLinks .third a {
	background-position: -775px -200px;
}

#section1 .first-child {
	background-position: 0 -250px;
}

#section1 .second {
	background-position: -250px -250px;
}

#section1 .third {
	background-position: -475px -250px;
}

/*----------------------------------------------------------
  =because, you know, IE
----------------------------------------------------------*/
.ie7 #section2 h4 {
	width: 600px;
}

.ie7 .buyingAdvice dt, .ie7 .buyingAdvice dd {
	float: none;
	width: 100%;
}

.ie7 .buyingAdvice dd {
	border-top: none;
	padding-top: 0;
	padding-bottom: 9px;
}

.ie7 .siteLinks a {
	white-space: nowrap;
}