@import url("common.css");
@import url("about.css");


/*
Action Envelope
- Created: 8/29/07
*/

form#tradeDiscount {
	padding: 10px 10px 20px 15px;
}
form#tradeDiscount fieldset {
	padding: 0 0 15px 0;
}
form#tradeDiscount label {
	width: 165px;
	padding: 0 15px 0 0;
	display: block;
	float: left;
	text-align: right;
	font-size: 1.1em;
	line-height: 18px;
}
form#tradeDiscount input.text {
	width: 159px;
	float: left;
}
form#tradeDiscount select {
	width: 165px;
	border: 1px solid #bfc7cc;
	font-size: 1.1em;
	float: left;
}
form#tradeDiscount .textarea {
	width: 159px;
	float: left;
	padding: 2px;
	border: 1px solid #bfc7cc;
	overflow: auto;
	float: left;
}
	#error {
		width: 100%;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		background: url(../img/rc/trackOrder/error.bg.gif) no-repeat left bottom;
	}
	#error .content {
		min-height: 55px;
		padding: 10px 20px 0 95px;
		background: url(../img/icon/alert.png) no-repeat 17px center;
	}
	#error ul {
		width: 100%;
		list-style: none;
	}
	#error ul li {
		margin: 0 0 7px 0;
		padding: 0 0 0 15px;
		color: #e51e24;
		font-size: 1.2em;
		line-height: 16px;
		background: url(../img/ls/disc.red.gif) no-repeat 0 6px;
	}
	#error ul li a {
		color: #e51e24;
	}
	.validation-advice {
		color : #FF3300;
		font-weight: bold;
		line-height: 15px;
		clear: both;
		padding: 10px 0 0 180px;
	}


/* from customer.service.css */	
#content {
	padding: 0 17px 38px 24px;
}

	#myaccount {
		width: 100%;
		background: url(../img/rc/bColAccount/bg.gif) repeat-y top right;
	}
	#myaccount img.rcBtm {
	 clear: both;
	}
	
		#aCol {
			width: 188px;
			float: left;
		}
			#sideNav {
				width: 100%;
			}
			#sideNav h2 {
				height: 33px;
				font-size: 1.3em;
				color: #f60;
				background: url(../img/tab/sideNav.category.gif) no-repeat 0 0;
				line-height: 32px;
				text-indent: 5px;
			}
			#sideNav ul.sideNav {
				list-style: none;
			}
			#sideNav ul.sideNav li {
			}
			#sideNav ul.sideNav li a {
				height: 36px;
				padding: 0 0 0 15px;
				display: block;
				font-size: 1.1em;
				line-height: 36px;
				text-decoration: none;
				background: url(../img/tab/sideNav.gif) no-repeat 0 -47px;			
			}
			#sideNav ul.sideNav li.last a {
				height: 37px;
			}
			#sideNav ul.sideNav li a.active {
				background-position: 0 0;
				font-weight: bold;
				color: #666;
			}
			
			#sideNav div.comment {
				width: 100%;
			}
			#sideNav div.comment .content {
				padding: 10px;
				background: url(../img/rc/accountSideNav/bg.gif) repeat-y 0 0;
			}
			#sideNav div.comment textarea {
				width: 156px;
				height: 118px;
				margin: 0 0 13px 0;
				padding: 5px;
				border: 1px solid #d7d7d7;
				overflow: auto;
				font: normal 1.1em Verdana, Arial, Helvetica, sans-serif;
				color: #666;
			}
			#sideNav div.comment h1 {
				margin: 0 0 5px 0;
				font-size: 1.2em;
				color: #0a86e5;
			}
			#sideNav div.comment p {
				line-height: 16px;
			}
			
		
		#bCol {
			width: 751px;
			float: left;
		}

			#customerService {
				width: 751px;
				margin: 0 auto;
				position: relative;
				top: -10px;
			}

			#tradeContent {
				width: 751px;
			}
			#tradeContent .spread {
				padding: 15px 20px;
				width: 371px;
				float: left;
			}
			#tradeContent .spread span {
				font-weight: bold;
			}
			#tradeContent .chart {
				padding: 15px 10px;
				margin-top: 20px;
				width: 320px;
				height: 763px;
				float: right;
				background: url(../img/rc/about/chartBg.gif) no-repeat 0 0;
			}
				#tradeContent .chart h2 {
					margin-left: 10px;
					font-size: 1.3em;
				}
				#tradeContent .chart table.tradeDiscount {
					margin: -80px 30px 0 30px;
					border-right: 1px solid #D7D7D7;
					border-bottom: 1px solid #D7D7D7;
					text-align: center;
					color: #0A86E5;
					text-transform: uppercase;
					font-size: 11px;
					font-family: arial;
				}
					
				#tradeContent .chart table.tradeDiscount td {
					border-top: 1px solid #D7D7D7;
					border-left: 1px solid #D7D7D7;
					padding: 10px;
					background-color: #ffffff;
					_color: expression((this==this.parentNode.firstChild)?"#074679":"");
					_font-weight: expression((this==this.parentNode.firstChild)?"bold":"");
					_border-right: expression((this==this.parentNode.firstChild)?"none":"");
				}
					#tradeContent .chart table.tradeDiscount td:first-child {
						border-right: none;
						color: #074679;
						font-weight: bold;
					}
					#tradeContent .chart table.tradeDiscount td.middle {
						background: url(../img/rc/about/table.gradient.gif) repeat-y 0 0;
						border-left: none;
					}

					#tradeContent .chart table.tradeDiscount td.hidden {
						border: none;
						background-color: transparent;
					}
					
					
					#tradeContent .loyalty_chart {
				padding: 100px 10px 0px 0px;
				margin-top: 20px;
				width: 320px;
				height: 763px;
				float: right;
				background: url(../img/rc/about/chartBg_blank.gif) no-repeat 0 0;
			}
				#tradeContent .loyalty_chart h2 {
					margin-left: 10px;
					font-size: 1.3em;
				}
				#tradeContent .loyalty_chart table.tradeDiscount {
					margin: -80px 30px 0 30px;
					border-right: 1px solid #D7D7D7;
					border-bottom: 1px solid #D7D7D7;
					text-align: center;
					color: #0A86E5;
					text-transform: uppercase;
					font-size: 11px;
					font-family: arial;
				}
					
				#tradeContent .loyalty_chart table.tradeDiscount td {
					border-top: 1px solid #D7D7D7;
					border-left: 1px solid #D7D7D7;
					padding: 10px;
					background-color: #ffffff;
					_color: expression((this==this.parentNode.firstChild)?"#074679":"");
					_font-weight: expression((this==this.parentNode.firstChild)?"bold":"");
					_border-right: expression((this==this.parentNode.firstChild)?"none":"");
				}
					#tradeContent .loyalty_chart table.tradeDiscount td:first-child {
						border-right: none;
						color: #074679;
						font-weight: bold;
					}
					#tradeContent .loyalty_chart table.tradeDiscount td.middle {
						background: url(../img/rc/about/table.gradient.gif) repeat-y 0 0;
						border-left: none;
					}

					#tradeContent .loyalty_chart table.tradeDiscount td.hidden {
						border: none;
						background-color: transparent;
					}
					
					
			
			#tradeContent h1 {
				font: bold 1.5em/20px Verdana, Arial, Helvetica, sans-serif;
				color: #ff6600;
				margin: 0 0 16px 0;
				padding: 0 0 10px 0;
				border-bottom: 1px solid #d7d7d7;
			}
			#tradeContent h3 {
				font: bold 1.1em/11px Verdana, Arial, Helvetica, sans-serif;
				margin-left: 10px;
				color: #074679;
			}
			#tradeContent p {
				font: normal 1.1em/17px Verdana, Arial, Helvetica, sans-serif;
				color: #595959;
				margin: 0 0 12px 10px;
			}
				#tradeContent p.narrow {
					font: normal 1.1em/17px Verdana, Arial, Helvetica, sans-serif;
					color: #595959;
					margin: -12px 130px 12px 10px;
				}
			#tradeContent p.percent {
				font-weight: bold;
				color: #0A86E5;
				font-size: 18px;
				font-family: arial;
				margin-top: 5px;
				margin-bottom: 5px;
			}	
			#tradeContent span.manager {
				font-weight: normal;
				font-style: italic;
				color: #0A86E5;
				font-size: 11px;
				font-family: arial;
				padding-top: 5px;
				text-transform: none;
			}
			#tradeContent ul.info {
				font: normal 1.1em/17px Verdana, Arial, Helvetica, sans-serif;
				color: #595959;
				margin: 0 0 0 1.9em;
			}
			#tradeContent ul.info li {
				margin: 0 0 1em 0;
			}
			#tradeContent ul.info li ul {
				list-style: none;
				margin: 1em 0 0 0;
			}
			#tradeContent address {
				margin-bottom: 10px;
				font-size: 1.1em;
				font-style: normal;
				color: #595959;
				line-height: 1.4em;
			}
			#tradeContent h2 {
				font-size: 1.4em;
				margin: 0 0 16px 0;
				padding: 5px 0 0 0;
				color:#0a86e5;
				line-height: 20px;
				
			}
			#tradeContent .news h2 {
				margin: 0 0 10px 0;
				padding: 5px 0 0 0;				
			}
			#tradeContent .news p {
				margin: 0 0 15px 0;
			}
			#tradeContent .news p.border {
				padding: 0 0 20px 0;
				border-bottom: 1px solid #d7d7d7;
			}
			#tradeContent ul.faq {
				list-style: none; padding: 0; margin: 15px 0 10px 0; color:#014376; line-height: 16px;
			}
			#tradeContent ul.faq li {
				font-size: 1.1em; margin: 0 0 5px 0;
			}
			#tradeContent ul.faq a {
				text-decoration: underline;
			}
			#tradeContent ol {
				list-style: none;
				font-size: 1.1em;
				margin: 0 0 0 2px;
				padding: 0 0 10px 0;
			}
			#tradeContent ol.how {
				list-style: decimal;
				/*padding: 0; margin: 15px 0 10px 0; color:#014376; line-height: 16px;*/
			}
			#tradeContent ol li {
				margin: 0 0 10px 0;
				line-height: 17px;
				background: url(../img/rc/about/bullet.gif) no-repeat 0 0.5em;
				padding-left: 10px;
			}
			
			#tradeContent .banner { margin: 0 auto; }
			#customerService .helpBoxes { width: 709px; margin: 0 auto; padding: 0 4px 20px 4px; }
				#customerService #contactUs { width: 246px; float: left; background: url(../img/rc/support/bg.contactUs.gif) no-repeat bottom left; }
					#contactUs table { width: 210px; border-collapse: collapse; margin: 10px 20px 0 20px; font: normal 1.2em/18px Verdana, Arial, Helvetica, sans-serif; color: #666666; }
					#contactUs table tr { vertical-align: top; }
					#contactUs table td { padding: 0 0 15px 0; }
					#contactUs table th { padding: 2px 0 0 0; text-align: left; }
				#customerService #contactUs .liveHelp img { margin: 10px 0 15px 10px; }
				#customerService #topFaq { width: 445px; float: left; margin: 0 0 0 18px; _margin: 0 0 0 14px; background: url(../img/rc/support/bg.customersFaqs.gif) no-repeat bottom left; font-size: 1.0em; }
					#topFaq div.content { width: 405px; margin: 10px auto; color: #0657ad; }
						#topFaq ul { width: 405px; list-style: none; padding: 0; margin: 0; }
						#topFaq ul li { margin: 0; padding: 0 0 10px 0; margin: 0 0 8px 0; border-bottom: 1px solid #d7d7d7; }
						#faqs ul li a.q {
							font-size: 1.1em;
						}
						#faqs ul li p {
							margin: 5px 0 0 0;
							display: none;
							color: #333;
							line-height: 17px;
						}
						#faqs ul li.active p {
							display: block;
						}
						#topFaq .viewAll { padding: 0 0 5px 0; }
			#customerService #trackOrder { width: 709px; padding: 0 4px 35px 4px; border-bottom: 1px solid #d7d7d7; }
				 #trackOrder div.field { display: block; float: left; position: relative; }
				 #trackOrder label { padding: 0 10px 0 0; float: left; line-height: 20px; display: block; font-size: 1.2em; }
				 #trackOrder input.text { width: 150px; padding: 2px; border: 1px solid #d7d7d7; margin: 0 15px 0 0; float: left; }
				 #trackOrder input.img { float: left; margin: 0; }
				 
			#customerService .bottomSect { width: 709px; margin: 0 auto; padding: 30px 4px 20px 4px; color: #666666; }
			#customerService .bottomSect h1 { font: bold 1.4em/18px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 18px 0; }
			#customerService .bottomSect ul { list-style: none; margin: 0; padding: 0; }
			#customerService .bottomSect ul li { padding: 0 0 0 15px; margin: 0 0 8px 0; background: url(../img/arrow/dottedArrow.gif) no-repeat 0 4px; font-size: 1.1em; }
			#customerService .bottomSect div.aCol { width: 250px; float: left; }
				.bottomSect div.aCol p { width: 210px; padding: 20px 0;}
			#customerService .bottomSect div.bCol { width: 210px; float: left; }
			#customerService .bottomSect div.cCol { width: 230px; float: left; }
				.bottomSect div.cCol label { width: 230px; padding: 10px 0; display: block; clear: both; font-size: 1.1em; }
				.bottomSect div.cCol input.text { width: 230px; padding: 2px; border: 1px solid #d7d7d7; margin: 0 15px 0 0; float: left; }
				.bottomSect div.cCol textarea { width: 230px; height: 70px; border: 1px solid #d7d7d7; }
				.bottomSect div.cCol input.img { float: right; margin: 15px 0; }
				.bottomSect div.cCol .thanks p { margin: 0; color: #66CC00; font-weight: bold; }


	
/* clearfix */
form#tradeDiscount fieldset:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
form#tradeDiscount fieldset { display: inline-block; }
html[xmlns] form#tradeDiscount fieldset { display: block; }
* html form#tradeDiscount fieldset { height: 1%; }

.compare_text{
	margin:-85px 0px 20px 25px;
	width:260px;
	}
	
.compare_text h3{
	margin:0px 0px 10px 0px;
	}