/* CSS Document */

/*////////////////////////////////////////////////
.....roll over image gallery for product_template.htm
/////////////////////////////////////////////////*/

#container {
/*////martin///*/
position: relative;
margin-top: 40px;
width: 400px;
height: 290px;
}
#container {
/*////martin///*/
/*controls position of main_pic image*/
background: #fff url(main_pic.jpg) 0px 10px no-repeat;
/*////////////////////*/
}
#container ul {
padding: 0;
/*margin-right: -30px;*/
list-style-type: none;
}
#container ul {
width: 132px;
height: 240px;
/*margin: 5px;*/
float: right;
}
#container li {
float: left;
}
#container li.hdr {
color: #16338f;
padding-bottom: 5px;
font-size: 80%;
}
#container a.gallery span {
position: absolute;
width: 1px;
height: 1px;
top: 5px;
left: 5px;
overflow: hidden;
background: #fff;
}
#container a.gallery, #container a.gallery:visited {
display: block;
color: #000;
text-decoration: none;
border: 1px solid #16338f;
margin: 1px 2px 1px 2px;
text-align: left;
cursor: default;
}
#container a.gallery:hover {
border: 1px solid #fff;
}
#container a.gallery:hover span {
position: absolute;
width: 250px;
height: 280px;
top: 10px;
/*////martin///*/
/*controls position of large roll over image*/
left: 0px;
/*////////////////*/
background: #fff;
}
#container a.slideA {
background: url(other_images/thumbnails/1_th.jpg);
height: 40px;
width: 60px;
}
#container a.slideB {
background: url(other_images/thumbnails/2_th.jpg);
height: 40px;
width: 60px;
}
#container a.slideC {
background: url(other_images/thumbnails/3_th.jpg);
height: 40px;
width: 60px;
}
#container a.slideD {
background: url(other_images/thumbnails/4_th.jpg);
height: 40px;
width: 60px;
}
#container a.slideE {
background: url(other_images/thumbnails/5_th.jpg);
height: 40px;
width: 60px;
}
#container a.slideF {
background: url(other_images/thumbnails/6_th.jpg);
height: 40px;
width: 60px;
}

#container a.slideG {
background: url(other_images/thumbnails/7_th.jpg);
height: 40px;
width: 60px;
}
#container a.slideH {
background:url(other_images/thumbnails/8_th.jpg);
height: 40px;
width: 60px;
}
#container a.slideI {
background:url(other_images/thumbnails/9_th.jpg);
height: 40px;
width: 60px;
}
#container a.slideJ {
background:url(other_images/thumbnails/10_th.jpg);
height: 40px;
width: 60px;
}
#container a.slideK {
background:url(other_images/thumbnails/11_th.jpg);
height: 40px;
width: 60px;
}
#container a.slideL {
background:url(other_images/thumbnails/12_th.jpg);
height: 40px;
width: 60px;
}
#container a.slideM {
background:url(other_images/thumbnails/13_th.jpg);
height: 40px;
width: 60px;
}

/*//added by martin//*/
#product_name p {
margin-left: 50px;
color: #16338f;
font-weight: bold; 
}
#product_name a {
margin-left: 34px;
font-size: 80%;
color: #16338f;
}