@charset "utf-8";
body {background:url(../images/bg-body.jpg) top left repeat-x; font-size:100%; color:#333; font-family:Tahoma, Geneva, sans-serif;}

/* added by RL 2010.04.30 for pages that use the top banner ad */
body.withTopAd {background:url(../images/bg-body-with-ad.jpg) top left repeat-x;}


	#wrapper{width:980px; margin:0 auto; text-align:center; /*border:1px solid red;*/}
	#container {width:820px;  margin:0 auto; text-align:center;  /*border:1px solid blue;*/}
		#top{width:820; height:56px; display:block; border-bottom:1px solid #ebebeb; text-align:left;}
			#logo {float:left;}
			
			/* Sub Navigation */
			#sub-nav{float:right;}
				#sub-nav ul{background: url(../images/bg-sub-nav.gif) top left no-repeat; width:320px; height:56px; position:relative;}
				#sub-nav ul li{list-style:none; position:absolute; top:0; }
				#sub-nav ul li, #sub-nav ul a {height:56px; display:block;}
				#sub-nav ul a {text-indent: -9999px;}
				
				#sub-1 {left: 0; width: 45px;}
				#sub-2 {left: 45px; width: 69px;}
				#sub-3 {left: 114px; width: 47px;}
				#sub-4 {left: 161px; width: 105px;}
				#sub-5 {left: 266px; width:54px;}
				
				#sub-1 a:hover{background: url(../images/bg-sub-nav.gif) 0 -56px no-repeat;}
				#sub-2 a:hover{background: url(../images/bg-sub-nav.gif) -45px -56px no-repeat;}
				#sub-3 a:hover{background: url(../images/bg-sub-nav.gif) -114px -56px no-repeat;}
				#sub-4 a:hover{background: url(../images/bg-sub-nav.gif) -161px -56px no-repeat;}
				#sub-5 a:hover{background: url(../images/bg-sub-nav.gif) -266px -56px no-repeat;}
			/**/
			
			/* Main Navigation */
			#main-nav {border-top:1px solid #fff; clear:both;}
				#main-nav ul{background: url(../images/bg-main-nav.gif) top left no-repeat; width:820px; height:49px; position:relative;}
				#main-nav ul li{list-style:none; position:absolute; top:0; }
				#main-nav ul li, #main-nav ul a {height:49px; display:block;}
				#main-nav ul a {text-indent: -9999px;}
					
				#main-1 {left: 0; width: 204px;}
				#main-2 {left: 205px; width: 205px;}
				#main-3 {left: 411px; width: 205px;}
				#main-4 {left: 617px; width: 206px;}
					
				#main-1 a:hover{background: url(../images/bg-main-nav.gif) 0 -49px no-repeat;}
				#main-2 a:hover{background: url(../images/bg-main-nav.gif) -205px -49px no-repeat;}
				#main-3 a:hover{background: url(../images/bg-main-nav.gif) -411px -49px no-repeat;}
				#main-4 a:hover{background: url(../images/bg-main-nav.gif) -617px -49px no-repeat;}
			/**/
			
			/* Header */
			#header {margin-bottom:40px;}
			#header h1 {font-size:1.2em; margin-left:190px; padding-top:25px; font-weight:normal; margin-bottom:20px;}
			#header h1 span {color:#c60601;}
			#header ul {margin-left:230px; }
			#header ul li {margin-bottom:20px; width:88%; padding-left:40px; background:url(../images/coffee/gfx-checkmark.gif) top left no-repeat;}
			/**/
			
			#content{}
				#main{text-align:left; float:left;}
					#main h2{color:#c20000; font-weight:bold; margin-bottom:3px;}
					#main p{font-size:.8em;}
					#main a, #main a:visited {color:#c60601;}
					.questionText {margin-top:20px;margin-bottom:5px; font-weight:bold;}
					.subText {color:#999; margin-top:5px;}
					.areYouSure {background:#efefef; border:1px dotted black; width:400px; padding:10px; margin-top:10px; margin-bottom:10px;}
					.txtOther {margin-left:25px;}
					#txtZipCode{width:418px;}
					#txtAdditionalComments {width:418px;}
					#main form label {font-size:.8em;}
					#main ul li {margin:5px 0 5px 10px;}
					#btnStep2 {background:url(../images/btn-step2.gif) top left no-repeat; width:99px; height:28px; display:block; text-indent:-9999px; border:0px; margin-bottom:90px; margin-top:20px; font-size:0px; line-height:0px;}
				#sidebar{float:right; text-align:center; font-size:.8em; width:140px;}
					#sidebar p {margin-bottom:5px; margin-top:5px;}
					
			
			/* Footer */
			#footer{background: #f8f8f8; width:98%; padding:25px; padding-top:10px; clear:both;}
				/*#footer ul {margin:0; padding:0;}
				#footer ul li {display:inline; font-size:.8em;}
				#footer ul li a, #footer ul li a:visited {color:#333; text-decoration:none; font-size:.9em;}
				#footer ul li a:hover {color:#000;}
				#footer p {color:#333; font-size:.7em; padding-top:5px;}*/
				
				#footer ul {padding-bottom:15px; clear:left;}
				#footer ul li {float:left; padding-right:10px; padding-top:5px; font-size:10px;}
				#footer ul li a, #footer ul li a:visited, #footer ul li a:active {text-decoration:none; color:#333; padding-left:5px;}
				#footer ul li a:hover {text-decoration:underline;}
				#footer ul li.footer-title {font-size:12px; font-weight:bold; color:#333; width:130px; text-align:right; padding-right:20px; padding-top:0 !important;}

				#footer ul.addressList   {margin-top:5px; margin-left:5px;}
				#footer ul.copyrightList {margin-left:5px;}

			/**/
			
			/* Misc */
			strong {font-weight:bold;}


	/*	
		Added by RL to accommodate the validation. 
		Namespaced to body#withValidation to avoid any conflicts.
	*/
	
	body#withValidation p.questionText				{position: relative;}
	body#withValidation img.validationArrow			{position: absolute; top: 2px; left: -40px; display: none;}