/* 

Moonpig newsletter sign-up page 
14/15/09 

*/

.newsletter{
    padding:10px;
    margin: 0 10px;
    width:950px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #33318E; /* Moonpig Blue */
	background-color:#FFFFFF;
}
.newsletter h1, .newsletter h2 {
	border:none;
	font-variant:normal;
    text-align: left;
	color: #33318E; /* Moonpig Blue */
	font-weight:normal;
	padding: 5px 0;
	margin: 5px 0;
}
.newsletter h1{
	background-color:#FFFFFF;
	font-size: 24px;
}
.newsletter h2{
	font-size: 18px;
}
.newsletter p{
	padding: 2px 0;
}
.newsletter a{
	color: #33318E; /* Moonpig Blue */
}

.newsletter .information{
    float:right;
    padding:0;
    margin:0;
    width:360px;
}

.newsletter .form{
    float:left;
    padding:0;
    margin:0;
    width:580px;
}
.newsletter .form .errorMessage{
    padding:10px;
    margin:0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;
	background-color:#e06a00;
}
.newsletter .form .emailErrorMessage{
    padding:10px 70px 10px 130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e06a00;
	text-align:center;
    display:block;
}
.newsletter .form .emailErrorMessage a{
	color: #e06a00;
}
.newsletter .form .submitFormButton{
    float:left;
    padding: 10px 0 0 165px;
}
.newsletter .form .submitFormMessage{
    padding: 10px 0 0 10px;
    float:left;
    width:200px;
	text-align:center;
}
.newsletter .form .footerMessage{
    padding:10px 10px 0 10px;
}

.newsletter .form input{
}
.newsletter .form input[type="text"]{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #33318E; /* Moonpig Blue */
    border: 1px solid #33318E; /* Moonpig Blue */
    width:250px;
    padding:5px;
    margin:0 10px;
}
.newsletter .form input[type="text"].inputError{/* input error colour */
	color: #e06a00; 
    border: 1px solid #e06a00;
}
.newsletter .form input[type="text"].title{
    width:50px;
}

.newsletter .form fieldset{
    padding:10px;
    border: 1px solid #33318E; /* Moonpig Blue */
    background-color:#F7F9FB;
}

.newsletter .form fieldset legend{
    padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #33318E; /* Moonpig Blue */
}

.newsletter .form fieldset label{
    display: inline-block;
    line-height: 30px;
    vertical-align: top;
    text-align:right;
    width: 150px; /* Width of labels */

}

.newsletter .form fieldset .required{
    font-style:italic;
	font-size:10px;
}

.newsletter .form fieldset ol { 
  margin: 0;
  padding: 0;

}
.newsletter .form fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}


/* Link: Change Detail */

a.changeDetail
{
	color: #e06a00;
	padding: 0px;
	text-decoration: underline;
	font-size:10px;
	font-weight:bold;
}
a:hover.changeDetail
{
	text-decoration: underline;
}