@CHARSET "ISO-8859-1";

/**
 * FILENAME: testimonials.css
 * AUTHOR: Craig Miller (craig.miller@rgroup.co.uk)
 * CREATED: 15/07/2009
 * COMMENTS: CSS for Testimonials page and forms.
 * */ 



/*************
 * Customer Reviews Page
 *************/


#custTestimonialsIntro .panel{

	float: left;
}

#custTestimonialsIntro .panel img.logo{
	position: relative;
	top: 22px;
	left: 9px;
	float: left;
}


#custTestimonialsIntro .bigUp{
	float:left;
	font-size:12pt;
	margin-left:32px;
	position:relative;
	top:30px;
}

#custTestimonialsIntro{
	height: 190px;
	background: url("/images/www/testiBubble.gif") no-repeat;
	margin-bottom: 20px;
}

#custTestimonialsIntro .greenThumbsUp{
	background: url("/images/www/greenThumbsUp.gif") no-repeat;
	width: 35px;
	height: 40px;
	position: relative;
	top: 8px;
	left: 8px;
}

#custTestimonialsIntro .recommend{
	position: relative;
	left: 45px;
	text-align: center;
	width: 86px;
	font-size: 10pt;
}

#custTestimonialsIntro .greenThumbsUp p{
	font-size: 10pt;
	margin-top: 3px;
}

#custTestimonialsIntro .big{
	font-size: 30pt;
	font-weight: bold;
}

#custTestimonialsIntro .panel p{
	font-weight: bold;
	text-align: center;
}

#custTestimonialsIntro .add{
	float: left;
	width: 220px;
	padding-top: 63px;
	margin-left: 35px;
}

#custTestimonialsIntro .add .clickStars span, #custTestimonialsIntro .add .clickStars p{
	/*position: relative;
	top: 123px;*/
	visibility: hidden;
}

#custTestimonialsIntro .add .clickStars{
	height: 55px;
}

#custTestimonialsIntro .add .clickStars span{
	float: left;
}

#custTestimonialsIntro .add .clickStars .stars{
	float: left;
}

#custTestimonialsIntro .add form input{
	width: 220px;
}
#custTestimonialsIntro .goldStar, #custTestimonialsIntro .greyStar{
	height: 27px;
	width: 27px;
	float: left;
}
#custTestimonialsIntro .goldStar{
	background: url("/images/www/largeGoldStar.gif") no-repeat;
}

#custTestimonialsIntro .greyStar{
	background: url("/images/www/largeGreyStar.gif") no-repeat;
}
#custTestimonials{
	background-color: #dbf6ff;
	padding: 15px 0px;
}

#custTestimonials .testimonial{
	padding:15px 30px;	
}

#custTestimonials .stars{
	float:left;
	position: relative;
	top: -5px;
	left: 10px;
}

#custTestimonials .fullReview{
	border-top: #DEDEDE 1px solid;
	font-size: 11pt;
	margin-top:12px;
	font-weight: bold;	
	padding-top: 6px;
}
#custTestimonials .fullReview span{
	font-size: 10pt;
	font-weight: normal;	
}
#custTestimonials .goldStar, #custTestimonials .greyStar{
	float:left;

}

#custTestimonials .name{
	float:left;
	width: 285px;
	font-weight:bold;
	margin-top: 10px;
}
#custTestimonials .name span{
	font-weight:normal;
	font-size: 0.9em;
}

#custTestimonials span.reviewer{
	font-weight:bold;
	font-size: 1em;
}

#custTestimonials .intro img.photo{

	border:1px solid #808080;
	float:left;
	margin-right:12px;
	width:50px;

}

#custTestimonials .rating{
	float: left;
	margin-top: 10px;	
}
#custTestimonials .ratingText{
	position:relative;
	width: 500px;
}

#custTestimonials .ratingText p{
	margin-bottom: 0px;
}


#custTestimonials .ratingTextTopPoint{
	background: url("/images/www/ratingBodyTopPoint.gif") no-repeat;
	height: 15px;
	width: 20px;
	position: relative;
	left: 20px;
	top: 2px;
	margin-bottom: 0;
	font-size: 0px;
}

#custTestimonials .ratingTextTop{
	background: url("/images/www/ratingBodyTop.gif") no-repeat;
	height: 6px;
	width: 542px;
	font-size: 0px;
}

#custTestimonials .ratingTextBottom{
	background: url("/images/www/ratingBodyBottom.gif") no-repeat;
	height: 6px;
	width: 542px;
	font-size: 0px;
	clear:both;
}

#custTestimonials .ratingText{
	background: url("/images/www/ratingBodyMiddle.gif") repeat-y;
	margin-bottom: 0px;
	padding: 10px 20px;
	width: 502px;
}

#reviewAll{
	float: right;
	margin-top: 12px;	
}

#reviewAll input{
	width: 180px;
	height: 30px;
}


#newTestimonialForm .formElement input{
	margin-bottom: 0px;
}
#newTestimonialForm .formElement input.radio{
	width: 20px;
	margin-bottom: 0px;

}

#newTestimonialForm .formElement .emailNotice{
	position: relative;
	font-size: 0.8em;
	left: 250px;	
}

#newTestimonialForm .formElement input, #newTestimonialForm .formElement textarea{
	width: 280px;
}

#newTestimonialForm .formElement label{
	width: 250px;
}
#newTestimonialForm .formElement textarea{
	height: 100px;
}
#newTestimonialForm .formElement{
	padding: 0px 20px;
	margin-bottom: 20px;
}

#newTestimonialForm .formSection{
	padding: 20px 00px;
	width: 580px;
	background: #DBF6FF;
}

#newTestimonialForm .formElement .submit{
	font-size:10pt;
	position:relative;
	right:5px;
	width:150px;
}