/* General look and feel items */
BODY { background: #5780A0; }

A:link { color: #000000; }
A:active { color: #cccccc; }
A:visited { color: #000000; }
			
h1 { font-family: verdana; font-size: large;}
h2 { font-family: verdana; font-size: medium;}

/* HEADER */
/* header styles */
.search {
	font-family: verdana;
	font-size: 12px;
}

.welcome {
	font-family: verdana;
	font-size: 10px;
}

/* Logo */
div#logo {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 0;
}

/* vbar */
div#vbar {
	position: absolute;
	top: 15px;
	left: 100px;
	z-index: 0;
}

/* title */
div#title {
	position: absolute;
	top: 15px;
	left: 104px;
	z-index: 0;
}

/* Bug */
div#bug {
	position: absolute;
	top: 10px;
	left: 650px;
	z-index: 0;
}

/* MENU */
div#menubox {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 0;
}

#menu ul {
	display: none;
	list-style: none;
	vertical-align:middle;
	padding: 10px;
	margin: 0px;
	width: 8em;
}

#menu li {
	margin:0;
	padding:0;
	list-style-type:none;
	vertical-align: middle;
	line-height: 24px;
	list-style-image: url(../images/button_blk.gif);
	font-size: 14px;
	font-weight: 900;
}

#catmenu li {
	list-style-type:none;
	vertical-align: middle;
	list-style-image: url(../images/sub_button.gif);
	line-height: 20px;
	font-size: 12px;
}

#menu a, #menu a:visited {
	display: block;
	width: 11em;
	text-decoration: none;
	font-family: verdana, arial, sans-serif;
	color: #000000;
}

/* FAQ */
.question li {
	margin:2px;
	padding:0px;
	list-style-type:none;
	line-height: 24px;
	vertical-align: middle;
	list-style-image: url(../images/Q.gif);
	font-size: 20px;
	line-height: 22px;
	font-weight: 900;
}

.question a {
	text-decoration:none;
}

.answer li {
	display:none;
	list-style-type:none;
	list-style-image: url(../images/A.gif);
	line-height: 20px;
	font-size: 16px;
	font-weight: 300;
	font-style: italic;
	vertical-align: middle;
}

/* Retailers */
#retailers td {
	font-family: verdana, arial, sans-serif;
	font-size: 0.9em;
	font-weight: 600;
	color: #000000;
}

/* Catalog pictures */
div#blowup {
	position: absolute;
	top: 0;
	left: 160px;
	z-index: 0;
}

/* put the info icon at the top right and in front of the background image */
/* The info line should be in the landscape location */
div#info {
	position: absolute;
	display: none;
	top: 5px;
	left: 500px;
	z-index: 1;
}

/* The tooltop section shows the item details*/
table.tooltiptable {
	font-size: xx-small;
	background-color: #ffffff;
/*	border: 1px solid #000000; */
}

p.retinst {
	font-size: 12px;
	background-color: #ffffff;
}

table#pricetable {
	font-size: xx-small;
	background-color: #000000;
	color: #ffffff;
}

/* Instruction line */
div#instructions {
	position: absolute;
	top: 500px;
	left: 0px;
	z-index: 1;
	font-size: small;
}

/* filmstrip positioning */
#filmstrip {
	position: absolute;
	margin:0;
	padding:0;
	top: 0px;
	left: 0px;
	z-index: 0;
}

/* Online retailers */
div#online {
	font-family: verdana, arial, sans-serif;
	font-size: 0.9em;
	font-weight: 600;
	color: #000000;
}

H2#onlinetext {
	font-family: verdana, arial, sans-serif;
	font-size: 0.9em;
	font-weight: 600;
	color: #cccccc
}