/* ############   cathy.css - Created: 19.07.2005 Last Modified: 09.11.2011 ############# */
/* ############   Simon Moss  - www.simonmoss.co.uk ############# */
/*div
{
border:solid 1px #f00;
} 
 ##### DIV BORDER TEST ###### */
/* ###  START TEMPLATE STYLE ############################################### */
html, body
{
margin:0;
padding:0;
height:100%;
}
html>body
{
overflow:visible;  /* enables mousewheel in Mozilla */
} 
body
{
margin:0;
padding:0;
background-color:#000;
color:#fbfdff;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}
#pagewrapper
{
width:99%;
height:99%;
margin:0;
padding:0;
text-align:center;
}
#fixedcontent
{
width:800px;
height:610px;
margin:0 auto;
padding:0;
text-align:center;
}
/* ###  END TEMPLATE STYLE ################################################# */

/* ###  START HEADER ####################################################### */
#banner
{
margin-top:16px;
}
/* ###  END HEADER ############################################################ */

#content
{
width:800px;
height:480px;
}
/* ###  START NAVIGATION ###################################################### */
#navigation
{
float:left;
width:130px;
margin:0;
padding:0;
margin-top:80px;
margin-left:23px;
text-align:left;
list-style-type:none;
color:#fbfdff;
font-weight:bold;
font-size:0.95em;
line-height:210%;
}
#navigation li a
{
text-decoration:none;
color:#fbfdff;
}
#navigation li a:hover
{
color:#ecd56b;
}
#navigation #selected a
{
color:#1cd4bc;
}
#navigation .pendant
{
padding-top:32px;
}
/* ###  END NAVIGATION ######################################################## */
/* ###  START DISPLAY########################################################## */
#product_display
{
width:399px;
height:424px;
float:left;
margin:0 auto;
margin-left:43px;
margin-top:24px;
padding:0;
text-align:center;
}
#display_image
{
margin-top:46px;
border:1px solid #fff;
}
#image_border
{
border:1px solid #fff; /* */
}
h1
{
font-size:1.2em;
padding-top:22px;
margin-bottom:-2px;
}
#navarrows
{
font-size:3em;
line-height:1em;
}
#navarrows a
{
text-decoration:none;
color:#fbfdff;
}
#navarrows a:hover
{
color:#ecd56b;
}
#smalltext, #smalltext2
{
font-size:0.9em;
font-weight:bold;
margin-top:-36px;
vertical-align:15%;
}
#smalltext
{
text-transform:uppercase;
}
.rollover
{
color:#fff;
}
.rollover:hover
{
color:#ecd56b;
text-decoration:none;
}
#topdisplay a
{
float:left;
margin-top:58px;
}
#topdisplay a.mid
{
padding:0 5px;
}
#bottomdisplay a
{
float:left;
margin-top:6px;
}
#bottomdisplay a.mid
{
padding:0 5px;
} 
.instructions
{
clear:both;
margin-left:-20px;
margin-top:315px;
}
/* ###  END DISPLAY ########################################################### */
/* ###  START RIGHTBAR ######################################################## */
#rightbar
{
float:right;
width:190px;
margin-top:-368px;
font-weight:bold;
list-style-type:none;
overflow:visible;
}
#basketimage
{
margin-top:-15px;
}
/* ###  END RIGHTBAR ########################################################## */

/* ###  START FOOTER ########################################################## */
#footer
{
width:399px;
margin-top:58px;
padding-top:8px;
clear:both;
float:left;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:normal;
text-align:center;
margin-left:198px;
border-top:1px solid #fff;
}
/* ###  END FOOTER ############################################################ */
img
{
border:0;
}
input[type="image"]
{
margin:15px;
}
/* ###  START SCROLLER ######################################################## */
#scroller
{
width:395px;
height:342px;
border:0;
overflow-y:auto;
overflow-x:hidden;
margin-top:16px;
margin-bottom:20px;
margin-left:5px;
}
#scrolling
{
margin:0;
padding:0;
}
#scrolling p
{
margin:0;
padding:0;
}
#scrolling p img
{
margin-top:20px;
}
#scrolling p img.first
{
margin-top:0;
}
.leftpic
{
float:left;
}
.rightpic
{
float:right;
}
.photonavtext
{
margin-top:-21px;
}
/* ###  END SCROLLER ########################################################## */