/* 
Styles for SEO RFQ 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("_bzGlobalLegacy.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: 0;
	width: 100%;
}
.header ul {
	display: none;
}
.mainContent {
	background: #e2edfa url(/bzng/images/layout/seoBackgroundPattern.jpg) repeat-x;
	border-top: 10px solid #069;
	min-height: 529px;
	position: relative;
	width: 100%;
	padding-bottom:0; 
}
.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;
	padding-top: 15px;
}
.quoteBox .form_headline h3 {
	border-bottom: 2px solid #e98822;
	margin-bottom: 6px;
}
body.rfq .quoteBox .form, body.registration .page { min-height: 323px; height: auto; }
.quoteBox .formNav { height: 77px; }
.quoteBox .formNav ul { height: 57px; position: relative;}

.formNav li {
	position: absolute;
}
.formNav li.back {
	left: 0;
	top: 20px;
}
.formNav li.continue, .formNav li.submit {
	left: 104px;
	top: 20px;
}
.formNav li.progress {
	height: 40px;
	right: 0;
	top: 20px;
}
.formNav li.continue a, .formNav li.submit a {
	background: url(/bzng/images/buttons/legacy_seo_continue.jpg) no-repeat;
	display: block;
	height: 57px;
	text-indent: -9999px;
	width: 172px;
	border:1px dotted #fff;
}
.formNav li.back a:focus,
.formNav li.continue a:focus,
.formNav li.submit a:focus {
	border-color:#6b6b6b;
}
.formNav li.back a {
	background: url(/bzng/images/buttons/legacy_seo_back.jpg) no-repeat;
	display: block;
	height: 48px;
	text-indent: -9999px;
	width: 97px;
	border:1px dotted #fff;
}
/*----------------------------------------------------------
  =sliding animation
----------------------------------------------------------*/
body.slide form {
    overflow-x: hidden;
    overflow-y: visible;
    position: relative;
}
body.slide form dl {
    left: 410px;
    position: absolute;
    width: 410px;
}

/*----------------------------------------------------------
  =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; 
	text-align: center;
}
.rightContent p {
	font-style: italic;
}
.categoryPdf img {
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); 
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); 
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); 
	margin: 6px 40px;
}
.ie .categoryPdf img {
	border: 1px solid #ccc;
}

/*----------------------------------------------------------
  =brafton
----------------------------------------------------------*/
.brafton dt a {
    font-weight: normal;
}

/*----------------------------------------------------------
  =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
}
/*----------------------------------------------------------
  =ie styles
----------------------------------------------------------*/
.ie6 .regSet3 dd {
	margin-right: 25px;
}

/*----------------------------------------------------------
  =what others are looking for link
----------------------------------------------------------*/
.ugcContent { float: left; margin: 10px 0 0 10px; }
.ugcLink  { margin: 0; }
.ugcLink a { color: #fff; }


/*----------------------------------------------------------
  =AI Slider specific styles
   'slider' class is on bzAltSliderLayout.lyt, and
   'slide' class is on ppcRfq.lyt
----------------------------------------------------------*/
body.slide .quoteBox {
    padding: 15px 19px;
    width: 412px;
}
body.slide .form {
    border: 1px solid #fff;
}