@import url(core-style.css);
a.screen, a.screen:visited {
color:#c00;
position:relative;
z-index:1;
}
a.screen b {
position:absolute; visibility:hidden; /* hide the image */ width:680px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
padding: 5px;
background-color: #FFF;
border:1px solid #616A7F; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none;
border:0; /* needed for this to work in IE */
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:342px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500;
}
a.screen:hover b img {
border:0; /* remove the link border */
}

ul { margin: 5% auto; }
li { list-style-type: none; }
.au-order {
margin: 0;
padding: 0;
float: left;
width: 215px;
border-right: 3px solid #7BC432;
}
.au-order-no-border {
margin: 0;
padding: 0;
float: left;
width: 215px;
}
.int-order {
margin: 0;
padding: 0 0 20px 30px;
float: left;
width: 200px;
}
.t-image {
margin: 20px 0 25px -15px;
float: left;
}
.cart {
margin: 0 0 0 0;
padding: 97px 8px 0 0;
float: right;
}
h2 {
float: left;
margin: 40px 0 0 0;
padding: 0 0 2px 0;
width: 693px;
border-bottom: 1px solid #616A7F;
}
p { float: left; margin: 15px 0 0 0;}
.returns { font-size: 10px; line-height: 13px;}
.returns strong {font-size: 12px;}
#hamish-text {margin: 1px 0 0 8px;}
#footer-links {margin-top: 8px; margin-left: 8px;}
a.screen, a.screen:visited { color:#c00;position:relative; z-index:1;}