/* Created: CU for HaySubs services pages 
 * This file styles elements in the following pages:
 * Change Address
 * FAQ
 * Contact Us
 */

/* NOTE:
 * Styling in this file is used for the three services pages.
 * General form styling is controlled in formStyles.css,
 * and generic styling in style.css.
 * Any overriding elements are controlled within this file.
 */

@media screen {
	
/* ------------------------------ */
/* ------- generic styling ------ */
/* ------------------------------ */
#servicesContent {
	border: 1px solid #e1e0ea;
	padding: 18px 15px;
	overflow: hidden;
}

	#servicesContent h2 {
		border-bottom: 1px solid #e1e0ea;
		font-weight: 700;
		font-size: 1.6em;
		color: #180f5e;
		padding-bottom: 2px;
		margin-bottom: 10px;
	}

/* -------------------------------------------- */
/* ---------- subscriber Service Nav ---------- */
/* -------------------------------------------- */
#subscriberServiceNav {
	float: left;
}

	#subscriberServiceNav li {
		font-size: 1.3em;
		font-weight: 700;
		font-family: tahoma, verdana, arial, sans-serif;
		float: left;
		margin-right: 2px;
	}
	
	#subscriberServiceNav li#changeAdd {
		width: 188px;
		}
	
	#subscriberServiceNav li#faq {
		width:	112px;
	}
	
	#subscriberServiceNav li a {
		text-align: center;
		padding: 10px;
		display:block;
	}
	
		#subscriberServiceNav li a:link, 
		#subscriberServiceNav li a:visited {
			color: #180f5e;
			text-decoration: none;
		}
		
		#subscriberServiceNav li a:hover {
			text-decoration: none;
		}

		#subscriberServiceNav li#changeAdd a {
			background: url(/_images/subscribeNavBg.gif) no-repeat 0 0;
			}
			
			#subscriberServiceNav li#changeAdd a:hover,
			#subscriberServiceNav li#changeAdd a.current {
				color: #ffffff;
				background: url(/_images/subscribeNavBg.gif) no-repeat 0 -50px;
			}
			
		#subscriberServiceNav li#faq a {
			background: url(/_images/subscribeNavBg.gif) no-repeat -188px 0;
		}
			
			#subscriberServiceNav li#faq a:hover,
			#subscriberServiceNav li#faq a.current {
				color: #ffffff;
				background: url(/_images/subscribeNavBg.gif) no-repeat -188px -50px;
			}

#subscriberServicesForm {
	overflow: hidden;
}

#servicesArea input.inputText {
	width: 15em;
}
/* --------------------------------------------- */
/*  styling for country selection dropdown menu  */
/* --------------------------------------------- */
	#subscriberServicesForm #oldCountry option,
	#subscriberServicesForm #newCountry	option,
	#subscriberServicesForm #newCountryDel option {
		width: 170px;
	}	
	
/* --------------------------------------------- */
/*  styling for form area change address button  */
/* --------------------------------------------- */
	#changeAddressButton {
		margin-left: 160px;
		background: url(/_images/buttons/changeAddressButton.gif) transparent no-repeat 0 0;
		height: 22px;
		width: 141px;
		float: left;
	}	

/* ------------------------------------------ */
/*  styling for delivery drop down selection  */
/* ------------------------------------------ */
	#BillDelAddress {
		margin-bottom: 15px;
	}	
	
/* ---------------------------------------- */
/* form styling for FAQ and contact us form */
/* ---------------------------------------- */
#contactForm {
	border: 1px solid #e1e0ea;
	background-color: #f5f5f5;
	padding: 10px;
	width: 200px;
	margin: 0 0 10px 10px;
	float: right;
}

	#contactForm p {
		font-weight: 700;
	}

		#contactForm p.error { /* styling for form validation messages */
			color: #ED1C24;
			margin-bottom: 2px;
		}
		
	#contactForm label {
		display: block;
		font-size: 1.2em;
		line-height: 1.2em;
		text-align: left;
	}
	
	#contactForm select,
	#contactForm input,
	#contactForm textarea {
		display: block;
		clear: both;
		margin-bottom: 10px;
		width: 98%;
	}
	
		input#submitButton { /* remove margin for button */
			margin: 0;
			background: url(/_images/buttons/submitQuestion.gif) transparent no-repeat 0 0;
			height: 22px;
			width: 131px;	
		}

	#contactForm input#submitButton:hover,
	#contactForm input.hover {
		background-position: 0 -22px;		
	}
/* ------------------------------------------- */
/* form styling for FAQ and Contact Us content */
/* ------------------------------------------- */
#servicesContent h3,
#contactContent h3,
#contactContent p strong {
	font-weight: 700;
	font-size: 1.2em;
}

}