img {
	border : 0px;
}

body span.skip,
body a.skip,
body ul.skip {
	position : absolute !important;
	left : -9000em !important;
	top : -100em;
	border : 0 !important;
	padding : 0 !important;
	margin : 0 !important;
	text-align : left !important;
	display : block !important;
	height : 1px !important;
	width : 1px !important;
	overflow : hidden !important;
}
h2 {
	padding: 0 0 3px 0;
}

#divAsdaPage {
	width : 755px;
}
p {
	padding: 0 0 3px 0;
}

a, a:link {
	color: #64BA25; /*64BA25*/
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.normal {
	font-weight: normal !important;
	padding-left: 0px !important;
	background: none !important;
	text-decoration: underline !important;
}


/* FIRST ROW */

#topRow {
	
}
/* Controls height of main content */
#topRow .floatLeft {
	padding: 0px 0 0px 0;
	background: url( "#" ) no-repeat 355px 140px ;
	margin: 0 0 0 0;
	overflow:auto;
	
	
	
}
#topRow .stylethree {
	padding:0px 0 0px 0;
	padding: 10px 228px 0 0;

}

#topRow .floatLeft {
	/*IE 5.5 box model hack*/
	width: 510px;
	/*height: 220px;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 500px;
	/*height: 195px; IE 5.5 box model hack end */
	/*border: solid #FF0000 1px;*/
}

html > body #topRow .floatLeft {
	height: auto;
}

#topRow .floatLeft h2 {
	width: 289px;
	height: 158px;
	overflow: hidden;
	margin: 0 0px 0 0; /* ie5 to move bg image to botton right of area */
}
/*#topRow .floatLeft h2 span
{
	width: 330px;
	height: 90px;
	display: block;
	background: url( "http://graphics.asda.com/new-asda-corp/ASDAhomepage/promo_main/bread-title-24042007.gif" ) no-repeat 0px 0px;
	
}*/

#maintitle { 
    /*background-image: url(topleft.jpg); */
    width: 486px;
	padding: 0px 0 0 0px;
	margin: 0px 0 0 0px;
	float:left; 
}

/* IE6 Only */
* html #maintitle {
    width: 486px;
	padding: 0px 0 0 0;
	margin: 0px 0 0 0px;
	float:left;  
}
#mainbtn { 
    /*background-image: url(topleft.jpg); */
    width: 117px;
	padding: 0px 0 0 0;
	margin: 0px 0 0 360px;
	float:left; 
}

/* IE6 Only */
* html #mainbtn {
    width: 117px;
	padding: 0px 0 0 0;
	margin: 0px 0 0 170px;
	float:left; 
}

#mainbtn a img { 
	margin: 0px; 
    padding: 0px 0px 0px 10px;
	border: 0px; 
	float:left;
}

#fdButton {
float:left;
width:186px;
margin: 60px 0 0 27px;
} 

/* IE6 Only */
* html #fdButton {
float:left;
width:186px;
padding-left:1px;
margin: 60px 0 0 13px;
}


.mainaction { 
        background-image: url(topleft.jpg); 
        width: 99px; 
        height: 20px; 
        }


#maintitle a img { 
	margin: 0px; 
    padding: 0px 0px 0px 0px;
	border: 0px; 
	float:left;
}

#promotitle {
width: 484px;
height: 50;
float: left;
padding: 0 0 0 0;
margin: 0 0 0 0;
} 

#leftpromo {
width: 289px;
height: 219px;
float: left;
padding: 0 0 0 0;
margin: 0 0 0 0;
} 

#rightpromo {
width: 195px;
height: 219px;
float: left;
padding: 0 0 0 0;
margin: 0 0 0 0;
} 

.lowertitle { 
    /*background-image: url(topleft.jpg); */
    width: 300px;
	padding: 0 0 0 0;
	margin: 10px 0 0 10px; 
} 
.lowertitle a img { 
	margin: 0; 
    padding: 0px 0 0 0px;
	border: 0; 
	display:block;
} 




#topRow .floatLeft p {
	padding: 0 0 10px 10px;
	margin: 0 0 0 0;
}
#topRow .floatLeft ul {
	list-style-type: none;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0 0 0 0; /* ie5 to move bg image to botton right of area */
	
	
}

#topRow .floatLeft li {
	padding: 0 0 2px 10px;
	width: 120px;
	margin: 5px 0 0px 1px;
	font-size:90%;
	
}

#topRow .styleOne ul{ 
}

#topRow .styleOne ul, #topRow .styleOne p {
	/*IE 5.5 box model hack*/
	width: 150px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px; /* hack end */
}
html > body #topRow .styleOne ul, html > body #topRow .styleOne p {
	width: 100px;
	margin: 0 0 0 0;
}

#topRow .styleOne li {
	background: url( "http://graphics.asda.com/new-asda-corp/ASDAhomepage/promo_main/grocery-christmas-arrowli-12122007.gif" ) no-repeat 0px 5px;
}




/* topRow SECOND COL */
#topRow .floatRight {
	/*IE 5.5 box model hack*/
	/*height: 220px;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/*height: 190px;  hack end */
}
html > body #topRow .floatRight {
	height: auto;
}

/* topRow Float Right blue */
#topRow .floatRight .blue h2 {
	width: 241px;
	height: 30px;
	overflow: hidden;

}
#topRow .floatRight .blue h2 span {
	width: 241px;
	height: 30px;
	display: block;
	background: url( "http://graphics.asda.com/new-asda-corp/ASDAhomepage/promo_main/h2_whats_on.jpg" ) no-repeat 0px 0px;

}
#topRow .floatRight .blue p {
	padding-bottom: 30px;
	margin-bottom:10px;
}

#topRow .floatRight {
	border: none;
	width: 241px;
	height: 194px;
	overflow: visible;
	padding-bottom: 0px;
	margin: 0 0 0 0;
}

/*
#topRow .floatRight .leftpromo h2 span {
	width: 241px;
	height: 85px;
	display: block;
	background: url( "http://graphics.asda.com/new-asda-corp/ASDAhomepage/promo_main/grocer33-11072007.jpg" ) no-repeat 0px 0px;
	cursor: hand;
}
/*
/*

#topRow .leftpromo {
	min-height: 86px;
	background: #FFF url( "http://graphics.asda.com/new-asda-corp/ASDAhomepage/promo_main/bg_promoOne.jpg" ) no-repeat bottom left;
	margin: 5px 0 5px 0;
	width: 241px;
}
*/

/* topRow Float Right lgt-green */
#topRow .floatRight .lgt-green h2 {
	width: 241px;
	height: 30px;
	overflow: hidden;
}
#topRow .floatRight .lgt-green h2 span {
	width: 241px;
	height: 30px;
	display: block;
	background: url( "http://graphics.asda.com/new-asda-corp/ASDAhomepage/promo_main/h2_100s-24042007.jpg" ) no-repeat 0px 0px;
}

#topRow .floatRight .lgt-green p {
	padding-bottom: 8px;
}


#topRow .promoOne {
	/*IE 5.5 box model hack*/
	margin-right: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-right: 0px; /*hack end */
	
}
html > body #topRow .promoOne {
	margin-right: 0px;
}
#topRow .promoOne p {
	padding: 0 10px 20px 10px;
}
#topRow .blue, #topRow .lgt-green {
	color: #FFF;
	font-weight: normal;
}
#topRow .blue {
	background-color: #0048AC ;/*1E4BA8*/
}
#topRow .lgt-green {
	background-color: #41840C;
}
/*#topRow .blue a, #topRow .blue a:link, #topRow .lgt-green a, #topRow .lgt-green a:link, .green p a:link, .green p a {
	padding-left: 10px;
	background: url( "http://graphics.asda.com/new-asda-corp/ASDAhomepage/promo_main/li_whiteArrow.gif" ) no-repeat 0px 2px;
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
}*/

#topRow .blue a:hover, #topRow .lgt-green a:hover {
	text-decoration: underline;
}

/* SECOND ROW */

#middleRow .bottomMargin {
	margin-bottom: 15px;
	margin-top: 10px;
	
}
#middleRow .styleTwo {
	border: solid 1px #7AC141;
	background-color: #FFF;
}
#middleRow .styleTwo {
	/*IE 5.5 box model hack*/
	width: 229px;
	height: 137px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 229px;
	height: 137px; /*hack end */
}
html > body #middleRow .styleTwo {
	width: 229px;
	height: auto;
	min-height: 137px;
}
#middleRow .secondColStyle {
	padding: 0 12px 0 5px;
}
#middleRow .rightBorder {
border:none;
}
#middleRow .thirdColStyle {
	border: none;
	margin-left: 17px;
	width: 241px;
	height: 290px;
}
html>body #middleRow .thirdColStyle {
	height: auto;
	min-height: 291px;
}
#middleRow .fiftyFifty {
	height: 100%;
}
#middleRow .white {
	background-color: #FFF;
	width: 131px;
	height: 137px;
	overflow:hidden;
}
html > body #middleRow .white {
	height: auto;
	min-height: 137px;
}
#middleRow .green {
	background-color: #7AC141;
	color: #FFF;
	width: 98px;
	height: 137px;
}

html > body #middleRow .green {
	height: auto;
	min-height: 137px;
}
#middleRow .green h2 {
	margin: 5px 3px 0 3px;
	font-size: 110%;
	text-align: center;
}
#middleRow .green p {
	margin: 10px 3px 10px 3px;
	line-height: 18px;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}

#middleRow em { 
font-size: 127%;
font-style:normal;
}



#middleRow .green a, #middleRow .green a:link  {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
#middleRow .green a:hover {
	text-decoration: underline;
}

/*Style Small Window*/

#middleRow .offer {
	background-color: #FFF;
	width: 241px;
	border: none;
	margin-top:10px;
	
}
html > body #middleRow .offer {
	height: auto;
	min-height: 100px;
}
#middleRow .offerDetails {
	background-color: #010508;
	color: #666666;
	text-align: center;
	font-size: 90%;
}
#middleRow .offerDetails h2  {
	color: #666666;
	font-size: 100%;
}


#middleRow .offerDetails a {
	color: #0E3193; /*64BA25*/
	font-weight: bold;
	text-decoration: none;
	font-size: 110%;
}

#middleRow .offerDetails a:hover {
	text-decoration: underline;
}

#offerLinks ul {
list-style: none;
margin-top: 10px;

}
#offerLinks li {
margin-bottom: 5px;
}

#offerLinks a {
	color: #000000; /*64BA25*/
	font-weight: bold;
	text-decoration: none;
	font-size: 110%;
}

#offerLinks a:hover {
	text-decoration: underline;
}


/* THIRD ROW */

#bottomRow {
	margin: 5px 0 0 5px;
}
html > body #bottomRow {
	margin-top: 5px;
}
#bottomRow .thirdColStyle, #bottomRow .forthColStyle {
	width: 151px;
	margin-top: 10px;
	
}
#bottomRow dl {
	width: 97%;
	margin-bottom: 10px;
}

#bottomRow .thirdColStyle dt {
	color: #5E8A4F;
	background-color: #DEF2D5;
	font-weight: bold;
	padding: 2px 0 2px 5px;
}
#bottomRow .forthColStyle dt {
	color: #65B725;
	background-color: #DEF2D5;
	font-weight: bold;
	padding: 2px 0 2px 5px;
}

#bottomRow dd {
	padding: 2px 0 0 5px;
}
#bottomRow dd a {
	color: #999999;
	font-weight: normal;
}

/* COMMON */
.red {
	color: #CD3229;
}
.srike {
	text-decoration: line-through;
}
span.red strong {
	font-size: 110%;
}
/*top banner*/

/* new top right */
#topRow .floatLeft .topbanner {
	width: 241px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;
	

}
#topRow .floatRight .store1 {
	width: 241px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;
	height:auto;
	
}

#maintop {
width: 482px;
height: 98px;
background: url( "http://graphics.asda.com/new-asda-corp/ASDAhomepage/promo_main/eastertop_13022008.jpg" ) no-repeat 0px 0px;
background-color: transparent;
clear:both;

} 

#mainbottom {
width: 482px;
height: 119px;
background-color: transparent;
background: url( "http://graphics.asda.com/new-asda-corp/ASDAhomepage/promo_main/easterbottom_13022008.jpg" ) no-repeat 0px 0px;
}

#maintop a:link img, a:visited img { 
border: none;
display: block; 
}

#mainbottom a:link img, a:visited img { 
border: none;
display: block; 
}

#menu {
padding: 5px 0 0 5px;
}
#catContent {
width: 400px;
height: 150px;
float: left;
padding: 5px 0 0 100px;
}

#mainLinks .leftmenu ul {
float: left;


}
#mainLinks .rightmenu ul {
float: left;

}


#mainLinks .leftmenu ul {
list-style-type: none;
padding-top: 0px;
padding-left: 190px;
padding-right: 0px;
margin: 0 0 0 0;
}
#mainLinks .leftmenu li {
padding: 0 0 2px 10px;
width: 130px;
margin: 5px 0 0px 1px;
font-weight: bold;
}

#mainLinks .leftmenu li {
background: url( "http://graphics.asda.com/new-asda-corp/ASDAhomepage/promo_main/grcy-arrow-23042008.gif" ) no-repeat 0px 3px;
}

#mainLinks .rightmenu ul {
list-style-type: none;
padding-top: 0px;
padding-left: 50px;
padding-right: 0px;
margin: 0 0 0 0;
}
/* IE6 Only */
* html #mainLinks .rightmenu ul {
list-style-type: none;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
margin: 0 0 0 0;
}


#mainLinks .rightmenu li {
padding: 0 0 2px 10px;
width: 100px;
margin: 5px 0 0px 1px;
font-weight: bold;
}


#mainLinks .rightmenu li {
background: url( "http://graphics.asda.com/new-asda-corp/ASDAhomepage/promo_main/grcy-arrow-23042008.gif" ) no-repeat 0px 3px;
}
#goroceryOffers {
margin-top:10px;
padding-bottom:5px;
height:100px;
}
#offerTitle {
margin: 10px 0 0 5px;
}
#Groceryborder {
border:#CCCCCC 1px solid;
height: 200px;
width:auto;
}

#GroceryRegister {
padding-top: 10px;
}



/*Grocery login*/
#shopGroceryL {
float:left;
padding-left:4px;
width: 200px; 
}
#shopGroceryR {
float:left;
}
#GoShopGroceries {
padding-top: 5px;
padding-left:2px
}
#register {
padding-left: 5px;
font-size:110%;
margin-bottom: 20px;
}
/* IE6 Only */
* html #register {
margin-bottom: 0px;
}

#register ul {
	list-style-type: none;
	margin: 0 0 0 0; /* ie5 to move bg image to botton right of area */
	
	
}

#register li {
	padding: 0 0 2px 10px;
	margin: 5px 0 0px 1px;
}	
#register li {
	background: url( "http://graphics.asda.com/new-asda-corp/ASDAhomepage/promo_main/grcy-arrow-23042008.gif" ) no-repeat 0px 5px;
}


#Groceryborder1 {
width: 241px;
height: 110px;
border: #CCCCCC 1px solid;
}
/* IE6 Only */
* html #Groceryborder1 {
width: 241px;
height: 108px;
border: #CCCCCC 1px solid
}

#shopGroceries {
float:left;
height: 95px;
width: 241px;
background-color:#660066;
}
#shopGroceries1 {
padding-left: 8px;
padding-top: 10px;
}


#mainPromo {
width:450px;
height:auto;
float:left;
margin-left:10px;
margin-top:10px;
}
#leftColumn {
float:left;
width: 261px;
}
#rightColumn {
float:left;
width: 189px;
}


#mainImage {
float:left;
width:189px;

}
#mainTitle {
float:left;
width: 261px;
}
#mainLinks {
clear:both;
height: 100px;
}

#mainLinks ul {
	list-style-type: none;
	padding-top: 20px;
	padding-left: 0px;
	margin: 0 0 0 0; /* ie5 to move bg image to botton right of area */
}
#mainLinks li {
	padding: 0 0 2px 10px;
	margin: 5px 0 0px 1px;
	
}
#mainLinks li {
	background: url( "http://graphics.asda.com/new-asda-corp/ASDAhomepage/promo_main/grcy-arrow-23042008.gif" ) no-repeat 0px 5px;
}

#mainLinks a {
	color: #EB316E; /*64BA25*/
	font-weight: bold;
	text-decoration: none;
	font-size: 110%;
	
}

#mainLinks a:hover {
	border-bottom: #EB316E 1px solid;
	font-size: 110%;
}

.offer {
	margin: 0px;
	padding: 0px;
	width: 241px;
	height: 290px;

}
#back_secondary {
	height: 290px;
	width: 241px;
	margin: 0;
	padding: 0;

}

#left_secondary {
	width: 107px;
	height: 214px;
	margin-top: 50px;
	margin-left: 5px;
	float:left;
}

#right_secondary {
	float:left;
	width: 121px;
	height: 133px;
	margin-top: 150px;

}
#secondarySplit1 {
width:230px;
height:20px;
padding: 70px 0 0 10px;
font-size: 11px;

}
#secondarySplit2 {
width:230px;
height:20px;
padding: 0px 0 0 10px;
font-size: 11px;

}
#secondarySplit3 {
width:230px;
height: 190px;
padding: 0px 0 0 10px;
font-size: 11px;

}

#secondarySplit1 a {
	color: #3F8910; /*64BA25*/
	font-weight: bold;
	text-decoration: none;
	
}
#secondarySplit1 a:hover {
	border-bottom: #3F8910 1px solid;
}
#secondarySplit2 a {
	color: #3F8910; /*64BA25*/
	font-weight: bold;
	text-decoration: none;
	
}
#secondarySplit2 a:hover {
	border-bottom: #3F8910 1px solid;
}

#secondarySplit3 a {
	color: #3F8910; /*64BA25*/
	font-weight: bold;
	text-decoration: none;
	
}

#secondarySplit3 a:hover {
	border-bottom: #3F8910 1px solid;
}

.diffColour {
color:#7BC041;
width:120px;
}

#promoTop {
margin-top:10px;
}
#promo1 {
float:left;
}
#promo2 {
float:left;
}
#promo3 {
float:left;
}

