*
{
	margin: 0px;
	padding: 0px;
}
/***First style the links containing the images***/
a.swap01, a.swap02 {
display:block; /*forces the link to cover to entire height and width of the image (specified on the next two lines)*/
width: 90%; /*image width*/
 /*image height*/
border: 0px solid #d4cba0; 
border-radius: 5px; 
margin-left: 0%;"

margin: 0px 0px 0px 0px; /*space around the images, allow enough for the shadow*/
/*add a small drop shadow to the images*/
/*-webkit-box-shadow: 2px 3px 8px #7c7c7c;
-moz-box-shadow: 2px 3px 8px #7c7c7c;
box-shadow: 2px 3px 8px #7c7c7c;*/
}
/***Now position the links containing the images***/
a.swap01{
float:left; /*places the image on the left of the text and wraps the text around it*/
}
a.swap02{
float:left; /*places the image on the right of the text and wraps the text around it*/
}
/***Next add a background to the links, this will covered by the images in the HTML above until step 2***/
a.swap01{
background-image:url("Fabric Sale/images/Group2_RHS.jpg"); /*the image you want to swap in*/
}
a.swap02{
background-image:url("Fabric Sale/images/Group1_RHS.jpg"); /*the image you want to swap in*/
}

/***All we're doing here is hiding the images placed in the HTML and revealing the background images specified in the CSS in step one***/
a.swap01:hover img, a.swap02:hover img{
visibility: hidden;
}

/***-----------------------------------------------------------------------------------------------------------------------------------***/

/***First style the links containing the images***/
a.swap03 , a.swap04 {
display:block; /*forces the link to cover to entire height and width of the image (specified on the next two lines)*/
width: 60%; /*image width*/
/*height: 185px; image height*/
border: 1px solid #d4cba0; 
border-radius: 5px; 
margin-left: 20%;"

margin: 0px 0px 0px 0px; /*space around the images, allow enough for the shadow*/
/*add a small drop shadow to the images*/
/*-webkit-box-shadow: 2px 3px 8px #7c7c7c;
-moz-box-shadow: 2px 3px 8px #7c7c7c;
box-shadow: 2px 3px 8px #7c7c7c;*/
}
/***Now position the links containing the images***/
a.swap03{
float:left; /*places the image on the left of the text and wraps the text around it*/
}
a.swap04{
float:left; /*places the image on the right of the text and wraps the text around it*/
}
/***Next add a background to the links, this will covered by the images in the HTML above until step 2***/
a.swap03{
background-image:url("Fabric Sale/images/Group2_RHS.jpg"); /*the image you want to swap in*/
}
a.swap04{
background-image:url("Fabric Sale/images/Group1_RHS.jpg"); /*the image you want to swap in*/
}

/***All we're doing here is hiding the images placed in the HTML and revealing the background images specified in the CSS in step one***/
a.swap03:hover img, a.swap04:hover img{
visibility: hidden;
}