/* 
Styles for Lead Generation pages
Date: September 2010 
Author: Mende Williams
Notes: 
  +  properties are listed in alphabetical order 
  +  font size values are based on an 18px or 1.125em line height. this includes the combination of font size, line height, and top and bottom margins. please be mindful of this if altering any of these values.  *there are some exceptions to this. 
  +  please preserve formatting 
*/

/*----------------------------------------------------------
  =import applicable styles
----------------------------------------------------------*/
@import url("_bzGlobal.css");


    /* Reset */
    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, em, img, strong, sub, sup, 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; }

	/* Typogragphy */
    body { font:14px normal Arial, Helvetica, sans-serif; color:#444; }
    .wrapper { text-align:left; }
	h1 { font-size:2.25em; width:300px; float:left; }
	.intro p { line-height:3.3em; }
	h2 { clear:left; font-size:1.95em; font-weight:normal; margin-top:40px; }
	h2 b { display:block; margin-top:20px; /*color:#7BC341;*/ font-weight:bold !important; }
	
    /* Structure */
	.header, .section, .footer { clear:both; overflow:auto; }
    .mainContent, .footer { width:960px; }

	/* Everything else */
    body { background:#d8e0ed; }
    .wrapper { background:#fff; border:1px solid #7c90b1; border-bottom:none; margin:-1px auto 0; }
    .footer { background:#dee1e5; border:1px solid #7c90b1; border-top:none; margin:0 auto 15px; padding:20px 0; font:normal 0.8em Arial, Helvetica, sans-serif; color:#666; }
    .footer a { color:#666; text-decoration:underline; }
    .buyerZoneLogo { width:197px; height:40px; }
    .buyerZoneLogo, .siteLinks { float:left; }
    .siteLinks { width:560px; margin-left:20px; }
    .siteLinks p { clear:left; padding:7px 0 5px; }
    .siteLinks li { float:left; margin-bottom:4px; }
    .siteLinks li.break { display:block; }
	.copyright { margin-left:0; }
	.ftGroup h6 { clear:both; }
	.ftGroup h6:nth-child(3) { padding-top:15px; }

    
	/*
	.socialLinks { float:right; clear:right; margin-bottom:10px; width:120px; margin-right:10px; }
    .socialLinks li { float:left; margin-right:5px; }
    .socialLinks .last-child { margin-right:0; }
    .socialLinks li a { background-image:url(/bzng/images/icons/social-16x16.png); background-repeat:no-repeat; display:block; width:16px; height:16px; text-indent:-9999px; }
    .socialLinks a { margin-right:0; }
    .socialLinks .twitter a,  .socialLinks .twitter a span { background-position: 0px 0; }
    .socialLinks .facebook a,  .socialLinks .facebook a span { background-position:-20px 0; }
    .socialLinks .linkedIn a,  .socialLinks .linkedIn a span { background-position: -40px 0; }
    .socialLinks .googlePlus a { background-position: -80px 0; }
	*/
    
	.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:220px; margin:15px auto; overflow:auto; }
    .globalFooter li { float:left; padding-right:20px; display:block; width:90px; height:38px; text-indent:-9999px; }
    .globalFooter li .second { padding-right:0; width:101px; height:28px; }


.header { border-bottom:none; }
.header p { float:right; margin-right:20px; margin-top:20px; }
.header p b { color:#ff872f; }
.header h6 { margin-left:20px; }

.intro { background:#036; color:#fff; padding:25px 20px 0; background:url(/bzng/images/marketing-services/intro-bg.gif) no-repeat top left; height:385px; text-shadow:2px 2px 1px #20397D; overflow:hidden; }
.intro .tagline { width:500px; float:left; }
.description { font-size:1.25em; line-height:0.85em; margin:40px 75px 20px; }
.description p { margin-bottom:25px; }
.description b { color:#50B245; font-weight:bold; }

.details { padding:0 20px; }
.details h3 { font-size:1.15em; font-weight:normal; }
.details h4 { font-size: 1.15em; margin-bottom:10px; color:#666; }
.details div { width:47%; float:left; margin:20px 25px 0 0; }
.details img { float:right; padding:20px 40px 20px 20px; }


/* new form */
.marketoBox { background:none; padding:0; }
.marketoForm { border:none; margin:0 0 0 595px; min-height:300px; padding:0; width:345px; color:#fff; background:none; }
.marketoForm h6 { font-size:1.65em; /*color:#7BC341;*/ line-height:1.85em; margin-bottom:5px; }
.marketoForm input, .marketoForm textarea, .marketoForm select { border:2px solid #97CA3C; }
.marketoForm form li { padding: 0; margin:0 0 20px 0; }
.marketoForm form .mktFrmButtons { margin-bottom:0; }
.marketoForm li label { letter-spacing:0.025em; }
.mktError input, .mktError textarea, .mktError select { border:2px solid #F0592A; }
.marketoForm table input { border:none; }
.marketoForm .submitButton { 
	cursor:pointer; 
	background-image:none; 
	text-indent:0 !important; 
	text-align:center; 
	width:190px; 
	margin-top:5px; 
	height:35px; 
	padding:4px 10px 8px; 
	border:2px solid #fff; 
	background-color:#0E9742;
	background:-moz-linear-gradient(0% 100% 90deg, #0E9742, #97CA3C); 
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#97CA3C), to(#0E9742)); 
	-webkit-border-radius:16px; 
	-moz-border-radius:16px; 
	border-radius:16px; 
	-moz-box-shadow: 2px 2px 2px #088729; 
	-webkit-box-shadow: 2px 2px 2px #088729; 
	box-shadow: 2px 2px 2px #20397D; 
	font-size:1.25em; 
	font-weight:bold; 
	color:#fff; 
	text-decoration:none; 
	text-shadow:1px 1px 0 #005992; 
}

span.mktFormMsg { color:#fff; display: block; font-size: 0.85em; margin-left: 125px; }
span.mktError span.mktFormMsg { margin-bottom:-17px; }


/* temp img sprite (homepage) */
	.buyerZoneLogo, /*.socialLinks .first-child a, .socialLinks .second a, .socialLinks .third a,*/ .globalFooter li, .globalFooter .second { background-image:url(/bzng/images/home/sprite.png); background-repeat:no-repeat; }
	.buyerZoneLogo { background-position:-300px 0; margin-left:20px; }
	.socialLinks .first-child a { background-position:-725px -200px; }
	.socialLinks .second a { background-position:-750px -200px; }
	.socialLinks .third a { background-position:-775px -200px; }
	.globalFooter li { background-position:-625px -100px; }
	.globalFooter .second { background-position:-625px -150px; }

/* ie fixes -- you know... */
.ie7 #marketoForm { float:right; margin-top:-169px; }