/* This is the formatting for the product images on the individual product pages*/
img.prodImg
{
float: left
width: 360px;
height: 271px;
padding:5px;
border: none;
vertical-align:top;
}

/* This is the formatting for the main image on the homepage */
img.compImg
{
float: right
width: 300px;
height: 233px;
padding:7px;
border: none;
vertical-align:text-top;
}

/* This is the formatting for the company logo at the top left corner of each page*/
img.logo
{
float: left;
width: 728px;
height: 119px;
padding: 5px;
border: none;
}

img.navi
{
float: left;
width: 145px;
height: 30px;
padding: 1px;
border: 0;
}
img.navi2
{
float: left;
width: 72px;
height: 30px;
padding: .5px;
border: 0;
}



/* This is the formatting for the add to basket image */
img.bin
{
float: none;
width: 160px;
height: 27px;
padding: 5px;
border: none;
}


/* This is the banner text for each page*/

h1.banner
{
font: bold 2em arial, sans-serif; 

}


/* This is the family name on each individual product page and staff process pages */
span.famheader
{
font: bold 1.5em arial, sans-serif;
text-align=
}

/* this is the product name on each individual product page and staff process pages */
span.subheader
{
font: 1em arial, sans-serif;
font-style: italic;
}
span.subhead2
{
font: bold 1em arial, sans-serif;
text-align: left;
}

/* This is the product number on each individual product page and staff process pages */
span.prodnumber
{font: .75em arial, sans-serif;
}

/* This used for the stock status and price on each individual product page */

span.stockprice
{
font: bold 1em arial, sans-serif;
line-height: .5em;
}


/* This is used for the estimated delivery time on each individual product page */
span.delivery
{
font: italic 0.75em times, serif;
}


span.backwards
{
unicode-bidi:bidi-override; direction: rtl;
}

/* This is used for main body text */
p
{
font: 1em  sans-serif;
text-align: justify;
}

li
{
font: 1em sans-serif;
}
/* This is the question text in the customer survery */
span.question
{
font: bold 1em arial, sans-serif;
}

/* formatting for the active link */
a:active 
{
color: #FF0000;
background-color: #FFFFFF;
}

/* formatting for visited links */
a:visited 
{
color: #800080;
background-color: #FFFFFF;
}

/* formatting for the horizontal navigation bar */

div.toplinktext
{
font: 1em arial, sans-serif;
}

/* formatting for the left-hand vertical navigation bar */

div.sidelinktext
{
font: 1em arial, sans-serif;
text-align: center;
line-height: 1.5em;
}


/*image gallery formatting from here on*/

#gallery {
  padding:0;
  margin:0;
  list-style-type:none;
  overflow:hidden;
  width:360px;
  height:600px;
  border:none
  background:#fff url(images/mutecollection.jpg);
  }
#gallery li {
  float:left;
  }
#gallery li a {
  display:block;
  height:30px;
  width:360px;
  float:left;
  text-decoration:none;
  border-bottom:1px solid #fff;
  cursor:default;
  }
#gallery li a img {
  width:360px;
  height:30px;
  border:0;
  }
#gallery li a:hover {
  background:#eee;
  height:271px;
  }
#gallery li a:hover img {
  height:271px;
  }