@import url("common.css");

/*
Action Envelope
- Created: 7/26/07
*/

#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: 717px;
				margin: 0 auto;
				position: relative;
				top: -10px;
			}
			
			#customerService .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; }