/* 
Styles for SEO quoting page
Date: April 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");


/*----------------------------------------------------------
  =page specific styles
----------------------------------------------------------*/
.wrapper {
	background: #e2edfa;
	margin: 0 auto;
	position: relative;
	width: 900px;
}
.registration .wrapper {
	background: #fff;
}
.header {
	background: #fff;
	border-bottom: none;
	margin: 5px 0 0 0;
	padding-bottom: 3px;
	width: 100%;
}
.header ul {
	display: none;
}
.mainContent {
	background: #e2edfa url(/bzng/images/layout/seoBackground.jpg) no-repeat;
	border-top: 10px solid #069;
	min-height: 529px;
	position: relative;
	width: 100%;
}
.registration .mainContent {
	background: #fff url(/bzng/images/layout/seoBackground.jpg) no-repeat;
}
/*----------------------------------------------------------
  =category name tab
----------------------------------------------------------*/
.displayName  { 
	background: url(/bzng/images/layout/seoTabRight.png) no-repeat scroll right top; 
	float: left; 
	height: 30px; 
	margin: 1px 15px 0 20px; 
	padding-right: 30px; 
}
.displayName span { 
	background: url(/bzng/images/layout/seoTabLeft.png) no-repeat left top; 
	color: #fff; 
	display: block; 
	font: bold 16px/28px Arial, Helvetica, sans-serif; 
	padding: 2px 0 0 30px; 
}
/*----------------------------------------------------------
  =left content
----------------------------------------------------------*/
.leftContent {
	clear: left;
	float: left;
	width: 220px;
}
.leftContent p {
	color: #000; 
	clear: left; 
	font-weight: bold;
	padding: 10px 15px 0 15px;
}
.personImage {
	position: absolute;
	top: 174px;
	z-index: 100;
}
/*----------------------------------------------------------
  =quote box
----------------------------------------------------------*/
.quoteBox { 
	margin-top: 5px;
}
/*----------------------------------------------------------
  =right content
----------------------------------------------------------*/
.rightContent {
	float: left;
	margin-top: 24px;
	padding: 0 20px;
	width: 180px;
}
.rightContent .productImage {
	left: -7px;
	position: relative;
	z-index: 300;
}
.rightContent h6 {
	font-size: 1.125em; 
	line-height: 1.115em; 
	margin: 12px 0 -9px 0; 
}
.rightContent p {
	font-style: italic;
}
/*----------------------------------------------------------
  =footer
----------------------------------------------------------*/
#footer {
	background: #fff;
	margin: 0;
	padding: 20px 0;
}
/*----------------------------------------------------------
  =registration page
----------------------------------------------------------*/
.registration #footer {
	border-top: none;
}

/*----------------------------------------------------------
  =external category overrides
----------------------------------------------------------*/
.external .quoteBox {
	min-height:0;
	margin-right:20px;
	float:left;
	width:auto !important;
}

.external .rightContent {
	width:auto !important;
	float:none;
}

.external .mainContent {
	min-height:0;
}

.external .mainContent.border {
	border-bottom:5px solid #006599
}