/*------------------------------------------------------------------
[BU Stylesheet] -> Business Unit layout spec

Project:	Brainsonic Website
Version:	2.0
Author:		JC "GoOz" Pagnon
URI:		www.brainsonic.com
-------------------------------------------------------------------*/

/*----------------NewsletterSubscription---------------*/
#newsletterSubscription {
	background: #192a38 url(../images/bgFormNewsletter.png) no-repeat 0 0;
	width: 299px;
	height: 137px;
	margin: 15px auto;
	position: relative;
}
a#linkFormNL {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
#newsletterSubscription h2 {
	height: 38px;
	padding: 15px 0 0 12px;
}
#newsletterSubscription p {
	padding: 0 10px 0 19px;
}
#newsletterSubscription p.formInputs {
	margin-top: 40px;
}
#newsletterSubscription input {
	height: 16px;
	width: 160px
}
#newsletterSubscription input.submit {
	border: none;
	background: url(../images/btnSubmitNewsletter.png) no-repeat 0 0;
	height: 64px;
	width: 55px;
	cursor: pointer;
	text-indent: -5000px;
	position: absolute;
	top: 31px;
	right: 15px;
}
#newsletterSubscription p.formInputs a {
	position: absolute;
	top: 31px;
	right: 15px;
}
#formNewsletterContainer {
	overflow: hidden;
	padding:  10px 0 10px 20px;
	position: relative;
}
#formNewsletterContainer #mask {
	overflow: hidden;
	position: relative;
	width: 340px;
}
#formNewsletterContainer h2 ol {
	height: 37px;
}
#formNewsletterContainer h2 ol li {
	display: inline;
	margin-right: 10px;
	height: 37px;
}
#formNewsletterContainer h2 ol li:first-child {
	background: url(../images/spriteStepArrow.png) no-repeat center right;
	padding-right: 20px;
}
#btnNext, #btnSubmit {
	position: absolute;
	bottom: 50px;
	left: 178px;
	z-index: 10;
}
#formNewsletterContainer #btnNext a img {
	vertical-align: middle;
}
#formNewsletterContainer #btnSubmit {
	position: absolute;
	left: 450px;
	bottom: 60px;
	width: auto;
	height: auto;
	margin: 0;
}
#formNewsletterContainer #btnSubmit input {
	background: url(../images/btnNewsletterAlpha.png) no-repeat center right;
	border: none;
	display: block;
	cursor:pointer;
	width: 200px;
	height: 55px;
	padding-right: 55px;
}
#formNewsletter {
	position: relative;
	width: 800px;
	height: 340px;
}
#formNewsletter fieldset {
	float: left;
	display: inline;
	width: 350px;
}
#formNewsletter div, #formNewsletter p {
	width: 230px;
	margin: 20px 0;
	position: relative;
}
#formNewsletter legend {
	display: none;
}
#formNewsletter input {
	width: 160px;
	height: 15px;
}
#formNewsletter input.radio, #formNewsletter input.checkbox {
	width: auto;
	height: auto;
}
#formNewsletter input.radio {
	vertical-align: text-bottom;
}
#formNewsletter label.radio {
	margin-right: 15px;
}
#formNewsletter #checkboxes {
	padding-left: 60px;
	width: 170px;
}
#formNewsletter #checkboxes div {
	float: left;
	display: inline;
	width: 80px;
	margin: 3px 0;
}
#formNewsletter label.error {
	position: absolute;
	right: -110px;
	width: 100px;
}