/*22 Jan 2009 - Updated with work for the DIY Loft landing page*/
/*16 Jan 2009 - Updated with work for the DIY Loft landing page*/
/*12 Jan 2009 - Updated with work for the High 5 landing page*/

body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
text-align: left;
margin-top: 0px;
}

body a img{
border: none;
}

/**************************************************HIDE******************************************************/
/**************************************************HIDE******************************************************/
/**************************************************HIDE******************************************************/

#header {display: none;}
#subheader {display: none;}
#wraptwo #left {display: none;}
p.breadcrumb {display: none;}
ul#footer {display: none;}
#wraptwo #maincontentarea #left {display: block;}

/**************************************************DIVS******************************************************/
/**************************************************DIVS******************************************************/
/**************************************************DIVS******************************************************/

#wrapper {
width: 760px;
margin-right: auto;
margin-left: auto;
}

#wrapper_matalan {
width: 760px;
background: #fff url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/matalan_header_back.gif) no-repeat;
float: left;
}

#wrapper_matalan #top_blank {
width: 100%;
background:transaprent;
float: left;
height: 17em;
}

#wrapper_matalan #left {
background:transparent;
padding: 0px 0px 0px 0px;
margin:0px;
width: 470px;
float: left;
}

#wrapper_matalan *html #left {
padding: 0px 0px 0px 0px;
}

#left .col {
float: left;
padding: 0px 0px 0px 16px;
clear: both;
width: 454px;
margin: -16px 0px 0px 0px;
}

#right {
background: transparent;
padding: 0px;
margin: 24px 0px 0px 0px;
width: 265px;
float: left;
}

#wrapper .right_high5 {
margin: 250px 0px 0px 0px;
}

#wrapper .right_costco {
margin: 75px 0px 0px 0px;
}

#full {
margin: 0px;
padding:32px 16px 0px 16px;
width: 728px;
float: left;
clear:both;
}

#footer {
background: #e15;
padding: 0px;
margin:16px 0px 0px 0px;
width: 100%;
float: left;
clear:both;
}

.left_box_1 {
float: left;
padding: 0px;
margin: 0px 0px 0px 15px;
width: 160px;
}

.full_screen {
float: left;
padding: 0px;
margin: 0px 0px 0px 15px;
width: 700px;
}

.left_box_2 {
float: left;
padding: 0px;
margin: 15px 0px 0px 15px;
width: 260px;
}

.right_text {padding: 0px; margin: 15px 0px 15px 5px; float: left; width: 265px;}

.hr {width: 417px;float: left;padding: 0px;margin: 8px 16px;background: url(../img/hr.gif) repeat-x;height: 1px;line-height: 0px;font-size: 0px;clear:both;}
*html .hr {width: 449px;margin: 0px;}

.clear {
clear: both;
width: 100%;
height: 1px;
font-size: 1px;
}

.left_col_1 {
float: left;
width: 212px;
margin: 0px;
padding: 0px 25px 0px 16px;
}

.left_col_2 {
float: left;
width: 212px;
margin: 0px;
padding: 0px;
}

.list {
width: 100%;
padding: 0px;
margin: 0px;
float: left;
}

.postcode {
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
}

.images {
clear: both;
text-align:center;
}

.list_image_box {
float: left;
clear:both;
}


/**************************************************IMAGES******************************************************/
/**************************************************IMAGES******************************************************/
/**************************************************IMAGES******************************************************/

.npower_logo {
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
float: left;
border: none;
}

.title_text {
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
float: left;
clear: both;
border: none;
}

.bbec_logo {
padding: 0px;
margin: 0px;
float: right;
border: none;
}

.lozenge {
margin: 24px 180px 40px 0px;
}

.flower {
margin: 0px 0px 24px 0px;
}

.left_col_1 img{
margin: 0px;
padding: 8px 0px 8px 0px;
}

.left_col_2 img{
margin: 0px;
padding: 8px 0px 8px 0px;
}

.woman {
float: right;
position: relative;
margin-top: -20em;
}

#right img {
padding: 0px 0px 8px 0px;
}

#right .images img{
margin: 8px 0px 0px 0px;
}

#right img.cta {
margin: 0px 0px 0px 0px;
}

#right .phone {
float: left;
margin: 0px;
}

.high5_img_1 {
float: right;
position: relative;
margin-top: -11em;
margin-right: 2em;
}

/**************************************************TEXT******************************************************/
/**************************************************TEXT******************************************************/
/**************************************************TEXT******************************************************/

#left .caveat {
color: #888;
font-size: 1em;
padding: 16px 0px 0px 16px;
line-height: 1.2em;
clear: both;
float: left;
width: 440px;
}

#full .caveat {
color: #acacac;
font-size: 1em;
padding: 0px 0px 16px 0px;
line-height: 1.2em;
margin: 0px;
}

.caveat a {
color:#EE1155;
text-decoration:none;
}

h1 {
padding: 0px;
margin: 0px;
color: #fff;
}

#left h1 {
padding: 0px 0px 16px 16px;
margin: 0px;
font-size: 2.2em;
color: #000;
font-weight: normal;
}

#wrapper_matalan #left h2 {
padding: 0px 0px 18px 16px;
margin: 0px;
font-size: 1.1em;
color: #e15;
}

#left h3 {
padding: 0px 0px 8px 16px;
margin: 0px;
font-size: 1.4em;
color: #e15;
font-weight: normal;
}

#left h3 a{
text-decoration: underline;
color: #e15;
}

#left h4 {
padding: 0px 0px 4px 16px;
margin: 0px;
font-size: 1.1em;
color: #e15;
}

#left p {
padding: 0px 0px 16px 16px;
margin: 0px;
font-size: 1.2em;
color: #444;
line-height: 1.6em;
}

#left p.smaller {
font-size: 1em;
line-height: 1.2em;
}

#left p a{
color: #e15;
font-size: 1em;
background: 0px 3px url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/matalan_arrow.jpg) no-repeat;
padding: 0px 0px 0px 14px;
text-decoration: none;
}

#left p.link {
clear: both;
padding: 0px 0px 0px 16px;
margin:0px;
}

#left p a:hover{
text-decoration: underline;
}

#left .left_box_2 p {
padding: 8px 0px 0px 0px;
margin: 0px;
font-size: 1.1em;
color: #444;
line-height: 1.6em;
}

#left .left_col_1 p{
margin: 0px;
padding: 0px 0px 8px 0px;
}

#left .left_col_2 p{
margin: 0px;
padding: 0px 0px 8px 0px;
}

#right h3 {
margin:0px;
padding:0px 0px 8px 0px;
font-size: 1.3em;
color: #6b6b6b;
font-weight: bold;
clear:both;
}

#right h3.style1 {
margin:0px;
padding:0px 0px 8px 0px;
font-size: 1.4em;
color: #6b6b6b;
font-weight: normal;
clear:both;
}

#right h4 {
margin:0px;
padding:0px 0px 8px 0px;
font-size: 1.7em;
color: #e15;
font-weight: bold;
clear:both;
}

#right h3.no_padding {
padding:0px 0px 0px 0px;
}

body #right h3.smaller {
font-size: 1.2em;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
}

#left p a.no_arrow {
background:transparent none repeat scroll 0%;
color:#EE1155;
padding:0px;
text-decoration:none;
}

#right h2 {
font-size: 1.2em;
padding: 0px;
margin: 0px 0px 15px 0px;
line-height: 1.6em;
}

#right .grey p a {
color: #e15;
font-size: 1.1em;
background: url(../img/arrow.gif) no-repeat left;
padding: 0px 0px 0px 8px;
}

.grey p {
color: #9c9c9c;
font-size: 1em;
line-height: 1.6em;
padding: 0px;
margin:0px 0px 0px 0px;
}

.grey p.big_text {
font-weight: bold;
color: #919191;
font-size: 1.1em;
line-height: 1.6em;
padding: 0px 0px 8px 0px;
margin:0px 0px 0px 0px;
}

#footer .footer_text {
float: left;
color: #fff;
margin: 0px 0px 0px 16px;
padding: 0px;
line-height: 2.4em;
}

#footer .footer_text a{
text-decoration: none;
color: #fff;
}

#footer .copyright {
float: right;
color: #fff;
margin: 0px 16px 0px 0px;
padding: 0px;
line-height: 2.4em;
}

#right .right_text .caveat_text {font-size: .9em; color: #888; margin: 12px 30px 0px 5px; line-height: 1.2em;padding: 0px;}

#right .right_text p {padding: 8px 0px 0px 0px;margin: 0px;font-size: 1.1em;color: #535353;line-height: 1.6em;}

#right .right_text p a {color: #535353; text-decoration: none;}

#right a {color: #787878;text-decoration: none;}

#right a:hover {text-decoration: underline;}

#right p.phone_1 {
color: #e15;
font-size: 1.2em;
padding: 8px 0px 0px 4px;
margin: 0px;
float: left;
width: 160px;
font-weight: bold;
font-family: arial;
line-height:normal;
}

#right p.phone_2 {
color: #e15;
font-size: 2em;
padding: 0px 0px 0px 4px;
margin: 0px;
float: left;
width: 160px;
font-weight: bold;
font-family: arial;
line-height:normal;
}

#right p.phone_2 sup{
font-size: .7em;
}

#wrapper .highlight {
color: #e15;
}

/**************************************************LISTS******************************************************/
/**************************************************LISTS******************************************************/
/**************************************************LISTS******************************************************/

ul.normal {
padding: 0px;
margin: 0px 0px 32px 0px;
clear:both;
}

ul.normal li {
margin: 0px 0px 4px 32px;
font-size: 1.2em;
line-height: 1.6em;
color: #444;
}

ul.normal li.title {
list-style: none;
margin: 0px 0px 0px 16px;
color: #e15;
font-size: 1.2em;
font-weight: bold;
}

#wrapper_matalan #left ul.list { list-style: none; margin: 0px; padding:0px 0px 32px 16px;font-size: 1.1em; color: #444; clear: both;float: left; width: 600px;}

*html #wrapper_matalan #left ul.list {
margin: 16px 0px 0px 0px;
}

#wrapper_matalan #left ul.list li {
background: 0px 6px url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/matalan_tick.gif) no-repeat;
padding: 0px 0px 0px 20px;
font-size: 1.1em;
color: #858585;
margin: 0px;
line-height: 2em;
}

#left ul.list li.two_line {
background: 0px 5px url(../img/tick.gif) no-repeat;
padding: 0px 0px 0px 20px;
font-size: 1.3em;
color: #e15;
margin: 0px;
line-height: 1.5em;
}

#wrapper_matalan #left ul.list li.line {
background: url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/m_and_s_hr.gif) repeat-x;
height: 1px;
line-height: 1px;
padding: 0px;
font-size: 1px;
margin: 0px;
}

#right .postcode label {padding: 8px 0px 0px 0px;margin: 0px;font-size: 1.1em;color: #929292;line-height: 1.6em;font-weight: bold;}
#right .postcode input.entry {width: 100px; margin: 0px 0px 0px 8px;}
#right .postcode input{margin: 0px 0px 0px 0px;padding: 0px;}

/**************************************************TABLES*****************************************************/
/**************************************************TABLES*****************************************************/
/**************************************************TABLES*****************************************************/

#left table {
padding: 0px 0px 0px 0px;
margin: 0px 0px 16px 16px;
font-size: 1.2em;
color: #444;
line-height: 1.6em;
border-right: 1px solid #ddd;
}

#left table th{
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

#left table td{
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}





 a.hid {color:#000; text-decoration:none; outline-style:none;}

 a.hid span {display:none;}

 a.hid:hover {text-decoration:none;}

 a.hid:active, a.hid:focus {background:0px 2px url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/vg_link_arrow_3.jpg) no-repeat;}

 a.hid:active span, a.hid:focus span {display:block; color:#acacac; width:100%; font-size: .9em; line-height: 1.2em; font-style:normal; padding: 8px 0px 0px 0px; text-decoration:none;}






.matalan_woman {
position: relative;
margin: -50px 0px -420px 450px;
}

#wrapper_matalan #left p span.number {
position: relative;
padding: 0px 10px 0px 10px;
top: -8px;
font-size: 1em;
color: #585858;
}





/*****************************************************************/
/*                                                               */
/*         MON: 2008-01-27, SEO work sub footer links            */
/*                                                               */
/*                      SUB FOOTER CLASSES                       */
/*                                                               */
/*****************************************************************/
#np_foot_copy {
	width:760px;
	text-align:center;
	color:#888888;
	height:25px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	font-size:1em;
}
#sub_footer {
	color:#ee1155;
	text-align:center;
	width:760px;
	margin-top:12px;
	.margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	height:25px;
	clear: both;
}
#sub_footer ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
#sub_footer ul li {
	list-style:none;
	display:inline;
	font-size:1em;
}
#sub_footer a {
	color:#ee1155;
	text-decoration:none;
}
#sub_footer a:hover {
	text-decoration:underline;
}