/* The following is for ALL boxes: input area with text area and email example area  */
div.input-area{
	position:relative;
	margin:5px 0 2px 10px;
	padding:0;
}
div.input-area form{
	margin:0;
	padding:0;
}
div.input-area p.status-message{
	position:relative;
	margin:4px 0 0 0;
	padding:0;
	width:215px;
	font-weight:bold;
	color:#c1111e;	
}
div.input-area form input.signup-textbox{
	position:relative;
	width:160px;
	margin:0;
	padding:0 3px 0 0;
}
div.input-area a.sign-up-go img{
	position:relative;
	margin:0 0 0 5px;
	padding:0;
}
div.email-example{
	position:relative;
	float:left;
	width:220px;
	margin:10px 0 0 9px;
	padding:0;
	border:0px solid;
}
div.email-example img{
	position:relative;
	float:left;
	margin:0;
	padding:0;
}
div.email-example ul{
	position:relative;
	float:left;
	width:135px;
	margin:1px 0 0 5px;
	padding:0;
	border:0px solid;
}
div.email-example ul li{
	position:relative;
	margin:0 0 2px 0;
	padding:0;
	line-height:141%;
}
div.email-example ul li.line1 a{
	color:#c1111e;
	text-decoration:none;
}
div.email-example ul li.line2 a{
	color:#666;
	text-decoration:none;
}
div.email-example ul li.line3 a{
	color:#c1111e;
	text-decoration:none;
}
div.email-example ul li.line3{
	position:relative;
	height:12px;
	width:48px;
}
div.email-example ul li.line3 span{
	position:absolute;
	height:12px;
	width:48px;
	background-image:url(/images/direct/includes/email-signup-more.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
div.email-example ul li a:link, #email-signup div.email-example ul li a:visited{ 
	text-decoration:none;
	cursor:hand;
}
div.email-example ul li a:hover, #email-signup div.email-example ul li a:active{ 
	text-decoration: underline;
	cursor:hand;
}
/* email signup inner */
/* these styles are for - receive exclusive top tens as voted for by customer. */ 
/* for other email box styles see: styles/content/email-signup-other-styles.css and g:IT Dept/Web design/_Direct/includes-content/email-boxes/email-box-version.png */
#email-signup-inner {
	position:relative;
	width:228px;
	height:190px;
	margin:0 0 19px 0;
	background-color:#ffffff;
	border:1px solid #c1111e;
	padding:0;	
}	
#email-signup-inner h3{
	position:absolute;
	top:-10px;
	left:6px;
	height:18px;
	width:228px;
	margin:0;
	padding:0;
	font-size:11px;
}
#email-signup-inner h3 a{
	cursor:hand;
	text-decoration:none;
}
#email-signup-inner h3 a span.text-offset{
	margin:2px 0 0 0;
	display:block;
}
#email-signup-inner h3 a span.bkgd-image{
	position:absolute;
	height:18px;
	width:228px;
	background-image:url(/images/direct/includes/box-top-win-100-vouchers.gif);
	background-repeat:no-repeat;
	background-position:-6px 0;
}
#email-signup-inner p.sub-title{
	position:relative;
	height:15px;
	width:183px;
	margin:7px 0 0 30px;
	font-size:11px; 
}
#email-signup-inner p.sub-title a{
	cursor:hand;
	text-decoration:none;
}
#email-signup-inner p.sub-title a span{
	position:absolute;
	height:15px;
	width:183px;
	background-image:url(/images/direct/includes/email-signup-as-voted-by-customers.gif);
	background-repeat:no-repeat;
}
#email-signup-inner div.email-example{
	position:relative;
	float:left;
	margin:7px 0 0 7px;
	padding:0;
	width:221px;
	display:inline;
}
#email-signup-inner div.email-example p.email-example-wrapper{
	position:relative;
	float:left;
	margin:0;
	padding:0;
}
#email-signup-inner div.email-example ul{
	position:relative;
	float:left;
	margin:0 0 0 4px;
	padding:0;
	width:137px;
	border:0px solid;
}
#email-signup-inner div.email-example ul li.line1{
	margin-top: 8px;
	margin-bottom:9px;
	padding-top:0;
	line-height:10px;
	width:137px;
}
#email-signup-inner div.email-example ul li.line2{
	margin:0 0 0 0;
	margin-bottom:9px;
	padding-top:0;
	line-height:16px;
	width:137px;
}
#email-signup-inner div.email-example ul li.line3 span{
	position:absolute;
	height:12px;
	width:48px;
	background-image:url(/images/direct/includes/email-signup-more-white-bkgrd.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}	
/* email signup short - used in the special offers area */
/* these styles are for - win £100 vouchers. 
/* for other email box styles see: styles/content/email-signup-other-styles.css and g:IT Dept/Web design/_Direct/includes-content/email-boxes/email-box-version.png */
#email-signup-short {
	position:relative;
	width:228px;
	height:80px;
	margin:0 0 19px 0;
	background-color:#ffffff;
	border:1px solid #c1111e;	
}	
#email-signup-short h3{
	position:absolute;
	top:-10px;
	left:0;
	height:18px;
	width:228px;
	margin:0;
	padding:0;
}
#email-signup-short h3 span.text-offset{
	margin:5px 0 0 0;
	display:block;
}
#email-signup-short h3 span.bkgd-image{
	position:absolute;
	height:18px;
	width:228px;
	background-image:url(/images/direct/includes/box-top-win-100-vouchers.png);
	background-repeat:no-repeat;
}
#email-signup-short p.enter-draw{
	position:relative;
	height:15px;
	width:202px;
	margin:13px 0 0 10px; 
}
#email-signup-short p.enter-draw span{
	position:absolute;
	height:15px;
	width:202px;
	background-image:url(/images/direct/includes/email-signup-enter-draw.gif);
	background-repeat:no-repeat;
}
/* email signup homepage */
/* these styles are for - win £100 vouchers.*/ 
#email-signup-hmpg {
	position:relative;
	width:228px;
	height:68px;
	margin:0 0 19px 0;
	background-color:#ffffff;
	border:1px solid #c1111e;	
}
	
#email-signup-hmpg h3{
	position:absolute;
	top:-12px;
	left:0;
	height:18px;
	width:228px;
    font-size:9px;
}
#email-signup-hmpg h3 a
{
    text-decoration:none;
}
#email-signup-hmpg h3 a span.text-offset{
	margin:8px 0 0 0;
	display:block;
}
#email-signup-hmpg h3 a span.bkgd-image{
	position:absolute;
	height:18px;
	width:228px;
	background-image:url(/images/direct/includes/box-top-win-100-vouchers2.png);
	background-repeat:no-repeat;
	margin:0;
}
#email-signup-hmpg h4{
	position:relative;
	margin:6px 0 0 10px;
	color:#c1111e;
	font-size:12px; 
}
#email-signup-hmpg div.input-area
{
    margin-top:3px; 
}
#email-signup-hmpg div.input-area p.status-message
{
    display:none; 
}
#email-signup-hmpg p.read-latest
{
    margin:5px 0 0 10px;
    background-repeat:no-repeat;
    background-position:137px 4px;
}
#email-signup-hmpg p.read-latest a{
    padding-right:15px;
    background:url(/images/shared/constant-elements/bullet-grey.gif) right no-repeat;
    }