/*******************************************************************************
* Main
*******************************************************************************/

#content.bulletin {
	background: #DFDFDF;
}

	#bulletin .inner {
		width: 970px;
		background: none;
	}
	
#coolpink-news {
	background: transparent url(../images/bulletin/coolpink-news.jpg) no-repeat 0 0;
	width: 970px;
	height: 700px;
	position: relative;
	font-family: Georgia, serif;
	font-size: 1.1em;
	color: #6B6B6B;
}

	*+html #coolpink-news {
		margin: 0 0 0 -10px;
	}

h1.title {
	position: absolute;
	top: 110px;
	left: 35px;
	width: 291px;
	height: 55px;
	text-indent: -9999px;
	background: transparent url(../images/bulletin/title.png) no-repeat 0 0;
}

ul.cp-sectors {
	position: absolute;
	top: 140px;
	left: 340px;
	list-style: none;
	margin: 0;
}

	ul.cp-sectors li {
		float: left;
		margin: 0 10px 0 0;
		color: #404140;
	}

/*******************************************************************************
* Main text
*******************************************************************************/

#your-future {
	position: absolute;
	top: 200px;
	left: 40px;
	width: 600px;
	color: #272727;
}

	#your-future h2 {
		font-size: 2.5em;
		font-weight: normal;
	}
	
	#your-future .intro {
		margin: 15px 0 0 0;
		overflow: hidden;
	}
	
	#your-future .intro span {
		color: #E1208D;
	}
	
		#your-future .intro .column {
			width: 270px;
			float: left;
			margin: 0 30px 0 0;
		}
		
		#your-future .intro .column.last {
			margin: 0;
		}
		
			#your-future .intro p strong {
				display: block;
			}

/*******************************************************************************
* Request a review
*******************************************************************************/

#request-review {
	position: absolute;
	top: 255px;
	right: 70px;
	height: 57px;
	width: 213px;
	text-indent: -9999px;
	outline: none;
	background: transparent url(../images/bulletin/request-review.gif) no-repeat 0 0;
}

#bensons {
	position: absolute;
	top: 500px;
	right: 345px;
	width: 290px;
	padding: 45px 0 0 0;
	background: transparent url(../images/bulletin/bensons-logo.png) no-repeat right top;
}

	#bensons strong {
		float: right;
	}

	#bensons p {
		float: left;
		width: 290px;
		font-size: 1em;
	}

	#bensons .quote-by {
		float: right;
		width: 100px;
		font-size: 0.8em;
		text-align: right;
	}
	
.hr {
	width: 900px;
	margin: 0 auto 20px auto;
	height: 1px;
	background: #C1C1C3;
}

	.hr hr {
		display: none;
	}

/*******************************************************************************
* More info
*******************************************************************************/

#more-info {
	background: transparent url(../images/bulletin/more-info-bg.jpg) repeat-y 0 0;
	width: 970px;
	overflow: hidden;
	margin: 0;
	padding: 20px 0 0 0;
}

#whats-included {
	width: 550px;
	float: left;
	margin: 10px 0 0 40px;
	color: #272727;
}

	#whats-included h3 {
		font-size: 1.8em;
		font-weight: normal;
		margin: 0 0 10px 0;
	}
	
	#whats-included ul {
		margin: 0 0 0 15px;
		width: 500px;
	}
	
		#whats-included ul li {
			margin: 0 0 15px 0;
		}

/*******************************************************************************
* Form
*******************************************************************************/

.right {
	float: right;
	width: 243px;
	height: 307px;
	margin: 0 35px 0 0;
	padding: 20px;
	color: #FFF;
	position: relative;
	background: transparent url(../images/bulletin/form-bg.png) no-repeat 0 0;
}

.right h3 {
	text-align: center;
	margin: 5px 0 20px 0;
	font-size: 1.3em;
}

	.right .field {
		margin: 0 0 10px 0;
		width: 240px;
	}

	.right label {
		display: block;
		width: 75px;
		float: left;
		margin: 0 10px 0 5px;
	}
	
	.right label.narrow {
		margin: 0;
		width: 99px;
	}
	
	.right label.error,
	.right .error {
		color: #FF0000;
	}
	
	.right .text-input {
		float: left;
		border: 0;
		padding: 2px;
		width: 141px;
		height: 14px;
		background: transparent url(../images/bulletin/text-bg.gif) repeat-x 0 0;
	}
	
	.right .checkbox-list {
		margin: 10px 0 0 0;
	}
	
		.right .checkbox-list strong {
			margin: 0 0 10px 0;
			display: block;
		}
	
		.right .checkbox {
			float: left;
			width: 120px;
			margin: 0 0 5px 0;
			color: #FFF;
		}
		
			.right .checkbox input {
				margin: 0 5px 5px 0;
			}
	
	.right .submit {
		position: absolute;
		bottom: 5px;
		left: 8px;
	}

.jquery-checkbox img {
	background: transparent url(../images/bulletin/checkbox.gif) no-repeat scroll 0 0;
	float: left;
	height: 15px;
	width: 15px;
	margin-right: 5px;
	text-indent: -9999px;
}

.jquery-checkbox-checked img {
	background-position: 0 -15px;
}

/*******************************************************************************
* Footer
*******************************************************************************/

#bulletin-footer {
	float: left;
	width: 270px;
	height: 60px;
	margin: 0 0 30px 0;
	padding: 10px 350px;
	background: transparent url(../images/bulletin/footer-bg.gif) no-repeat 0 0;
}

#bulletin-footer ul {
	width: 245px;
	margin: 0;
	color: #272727;
	list-style: none;
	text-align: center;
}

	#bulletin-footer ul li {
		margin: 0 0 5px 0;
	}