@import 'common.css';

#askLeftCol {
	width:		570px;
	background:	#CFC196;
	float:		left;
}

#askLeftCol a{
	color: #3FA192;
	font-weight: bold;
}

#askRightCol {
	width:		160px;
	float:		left;
	margin-left:20px;
	background:	#f0ead8;
}

.askHeader {
	width:		570px;
	height:		150px;
}

#askH2 {
	width:		570px;
	height:		35px;
	background:	#3fa192;
}

#askH2 h2{
	padding-left:20px;
	padding-top:7px;
	color:		#fff;
}

#askContentArea {
	background:	#cfc196;
	width:		570px;
	overflow:	hidden;
}

#askContentArea p{
	padding:	0px 20px;
	color:		#333;	
}

#askLeftCol p.question a{
	color: #333;
}

#askContentArea p.answer a{
	color:		#C44C14;
	font-weight:bold;
}

#askContentArea p.answerNoImage a {
	color:		#C44C14;
	font-weight:bold;
}

#sitemapContentArea {
	background:	#cfc196;
	width:		570px;
	padding-top:20px;
	overflow:	hidden;
}

#sitemapContentArea h3{
	font-size:1.2em;
	padding-left:	40px;
}

#sitemapContentArea h2{
	font-size:1.4em;
	margin-top:10px;
	padding-left:	20px;
}

#sitemapContentArea .QABlockLight {
  float: none;
}

.QABlock {

}

.QABlockLight {

	background:	#dfd4af;
	float: left;
	width: 100%;
}

.askQA {
	float:		left;
	width:		400px;
	padding-top:20px;
}

.askQAFull {
	float:		left;
	width:		100%;
	padding-top:20px;
	margin-bottom: 10px;
}


.askIMG {
	float:		left;
	width:		150px;
	padding-top:20px;
	padding-left:20px;
}

.question {
	font-weight:bold;
	cursor: hand;
	cursor: pointer;
	
}

p.answer{
	margin-bottom: 5px;
	width: 375px;
}

#promoSpace {
	padding-bottom:	10px;
	width:			160px;
	height:			600px;
	background:		#fff;
}

#askEditorInclude {
	background:transparent url(/images/promo_askeditor.jpg) no-repeat scroll left top;	
	width:		160px;
	height:		231px;
	margin-bottom:10px;
	cursor:		pointer;
}

#utensilsPromo {
	background:transparent url(/images/bg_utensils_rail.gif) no-repeat scroll left top;
	width:		160px;
	height:		135px;
}

/* promotions page */

.promotionsH2 {
	width:		570px;
	height:		35px;
	background:	#ed981e;
}

.promotionsH2 h2{
	padding-left:20px;
	padding-top:7px;
	color:		#fff;
}

#promotionsContentArea {
	background:	#cfc196;
	width:		570px;
	overflow:	hidden;
}

#promotionsContentArea p{
	padding:	0px 20px;
	color:		#333;	
}

.promoText {
	float:		left;
	width:		300px;
	margin-top:20px;
}

.promoImg {
	float:		left;
	width:		130px;
	margin-top:20px;
	padding-left:20px;
}

.enternowText {
	margin-top:	20px;
}

.formCol1 {
	width:		120px;
	float:		left;
	font-size:	1.2em;
	font-weight:bold;
}

.formCol2 {
	width:		5px;
	height:		20px;
	background:	#ed981e;
	float:		left;
}

.formCol2Green {
	width:		5px;
	height:		20px;
	background:	#97c93d;
	float:		left;
}

.formCol4 {
	padding-left:20px;
	padding-right:4px;
	float:		left;
	font-size:	1.2em;
	font-weight:bold;
}

.formCol3 {
	float:		left;
	padding-left:4px;
	font-size:	1.2em;
	font-weight:bold;
}

.formCol5 {
	padding-left:8px;
	padding-right:10px;
	float:		left;
	font-size:	1.2em;
	width:		220px;
}

.formCol6 {
	padding-left:8px;
	padding-right:10px;
	float:		left;
	font-size:	1.2em;
	width:		360px;
}

.formCol7 {
	padding-left:125px;
	padding-right:10px;
	float:		left;
	font-size:	1.2em;
	width:		380px;
}

.formCol2Green {
	width:		5px;
	height:		20px;
	background:	#97c93d;
	float:		left;
}

.formElements {
	width:		570px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:	20px;
	overflow:	hidden;
}

.formSeparator {
	height:		10px;
	width:		550px;
	clear:		both;
}

.formLine {
	background:	#FFFFFF none repeat scroll 0%;
	display:	block;
	height:		1px;
	width:		570px;
}

.optInLeft{
	padding-left:125px;
	float:		left;
	width:		140px;
	font-weight:bold;
	font-size:	1.2em;
}

.optInRight {
	float:		left;
	width:		140px;
	font-weight:bold;
	font-size:	1.2em;
}
/* JOIN THE CLUB */


.clubH2 {
	width:		570px;
	height:		35px;
	background:	#97c93d;
}

.clubH2 h2{
	padding-left:20px;
	padding-top:7px;
	color:		#fff;
}

/* CONTACT US */

.contactH2 {
background:		#97c93d none repeat scroll 0%;
height:			35px;
width:			570px;
}

.contactH2 h2 {
color:			#FFFFFF;
padding-left:	20px;
padding-top:	7px;
}

.contactText{
	margin-top:	20px;
}

#productsWrapper {
	background:transparent url(/images/bg_ask_repeat.jpg) repeat-y;
}

.spacer20px {
	width:		750px;
	background:	#fff;
	height:		20px;
	display:	block;
	float:		left;
}

img.qaImage{
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 30px;
}

div.contracted{
	background-image: url(../images/arrow_down_blue.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}

div.expanded{
	background-image: url(../images/arrow_up_blue.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}