/* 
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;
}
.header {
	background: #fff;
	border-bottom: none;
	margin: 0;
	width: 100%;
}
.header ul {
	display: none;
}
.mainContent {
	background: #fff 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: 15px 19px;
	width: 412px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
}
.quoteBox .form_headline h3 {
	border-bottom: 2px solid #e98822;
	margin-bottom: 6px;
}
.rfq .quoteBox .form {
    border: 1px solid #fff;
    min-height: 323px;
    height: auto;
}
/* sliding animation */
.rfq .quoteBox form {
    overflow-x: hidden;
    overflow-y: visible;
    position: relative;
}
.rfq .quoteBox form dl {
    left: 410px;
    position: absolute;
    width: 410px;
}

/*----------------------------------------------------------
  =form nav
----------------------------------------------------------*/
.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;
}

/*----------------------------------------------------------
  =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; }


/*----------------------------------------------------------
  =seller logos include (on select cats only)
----------------------------------------------------------*/
.logos { background: #fff; margin-bottom: 15px; padding: 20px 0px 10px 0px; text-align:center; width: 100%; }
.logos.blue { background: none; }
.logos img { margin: 0 15px; }

/*----------------------------------------------------------
  =new stuff
----------------------------------------------------------*/
body, #footer, .wrapper {
    background: rgb(240,240,240);
}
.seo-container {
    background: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    margin-top: 8px;
}
.header {
    background: transparent;
    width: 860px;
    padding: 3px 20px;
}
.seoContentInclude, .include-8 {
    background: transparent;

}
#footer {
    border:none;
    margin-top: 10px;
}
.ie8 .wrapper,
.ie7 .wrapper {
    width: 902px;
}

.ie8 .seo-container,
.ie7 .seo-container {
    border: 1px solid rgb(220,220,220);
}

/* logos container */
.include-7 .container {
    margin: auto;
}
.rfq .seo-logo-include { /* logo row */
    background: transparent;
    border-top: 0;
    clear: both;
    margin: auto;
    padding: 15px 0;
    width: 100%;
}