html {
	font-family: Arial, sans-serif;
	font-size: 12pt;
	background-color: #000000;
	color: #FFFFFF;
	line-height: 1.1;
 }
h1,h3,h4,h5,ul {
	font-family: Arial, sans-serif;
}
p {
	font-family: Arial, sans-serif;
    margin: 1em;
}
h2 a:link{
/*  font-size: 1.5em; */
}
h2 {
	font-family: Arial, sans-serif;
/*    font-size: 1.5em;*/
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
h3 {
    font-size: 1.1em;
}
a:link {
/*	font-size: 13pt;*/
	color: #339999;
}
a:visited {
/*	font-size: 13pt;*/
	color: #339999;  	
}
a:active {
/*	font-size: 13pt;*/
	color: #993333;
}
a:hover {
/*	font-size: 13pt;*/
	color: #ff0000;
}
title {
 }
body {
  /*width: 100%;*/
  margin:0;
  padding:0;
 }
table {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: white white white white;
	border-collapse: collapse;
}

caption {
    text-align: left;
    font-family: Arial, sans-serif;
	font-size: 13pt;
    font-weight: bold;
    /*margin-bottom: 10px;	*/
}

th{
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: white white white white;
}

td{
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: white white white white;
}

#topsection{
/*background: #000000; /*was EAEAEA*/
/*height: 100px; /*Height of top section - original 90px*/
}

#topsection h1{
/*margin: 0;
padding-top: 15px;*/
}

.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("../images/feed-icon-26.png") no-repeat 0 50%;
} 

.innertube{
  margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
  margin-top: 0;
} 
.clear{
  clear:both; 
  margin-top:-1px; 
  height:1px; 
  overflow:hidden;
}
.indexfloatpic{
  height: 258px; 
  width: 384px; 
  float: right; 
  border: 1px solid #fff; 
  padding: 3px; 
  margin: 0 0 5px 5px; 
 }
/*table.headerbar {
	background-color: #339999;
 }*/
span.basketbuttons {
  /*float: none;*/
  display: inline;
}
form.basket {
  display: inline;
}
input {
  font-size: 9pt;
}
div.intro {
  /*width: 100%;*/
 }
div.extra {
  overflow/**/: auto;
  \height: 1%;
 } 
div.headerbar{
  background-color: #339999;
  height: 81px;
  width: 100%;
  vertical-align: middle;
  margin-top: 0px;
 }
div.headerbar span.left {
  float: left;
  text-align: left;
  width: 50%;
  background-color: #339999;
  height: 80px;
  line-height: 40px;
 }
div.headerbar span.left img.logo {
  background-color: #339999;
  padding: 3px;
 }
div.headerbar span.right {
  float: right;
  text-align: right;
  padding-right: 1%;
  width: 48%;
  font-weight: bold;
  color: #000000;
  background-color: #339999;
  font-size: 13pt;
  height: 80px;
  line-height: 40px;
  vertical-align: middle;
 }
h1 {
	line-height: 1.0;
	font-weight: bold;
	font-size: 18pt;	
 }
h5 {
	font-size: 11.5pt;
	text-align: center;
 }
p.update {
	font-size: 10pt; /* was 7.5 */
	text-align: left;
 }
p.copyright {
	font-size: 7.5pt;
	text-align: center;
 }
p.bannertext {
	font-size: 13pt;
	text-align: right;
	color: #000000;
}
p.AddedBasket {
    font-size: 0.9em;
	color: #fff;
	background: #399;
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}
p.OrderConfirmation {
    font-size: 0.9em;
	color: #000;
	background: #399;
	text-align: left;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}
ul {
	list-style-type: square;
}

/* common styling */
/* set up the overall width of the menu div and the margins */
.navbar {
font-family: arial, sans-serif; 
width:100%;
height:26px;
background:#399;
padding:0;
margin:0 auto; 
position:relative;
top:0px;
left:0px;
z-index:1;
border-bottom:20px solid #000;
margin-bottom:0px;
overflow:hidden;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.navbar ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}
/* float the list so that the items are in a line */
.navbar ul li {
display:block;
float:left;
width:81px;
height:26px;
}
/* style the links to be 80px wide by 31px high with a right border 1px solid white. Set the background color and the font size. */
.navbar ul li a, .navbar ul li a:visited {
display:block; 
float:left;
text-align:center; 
text-decoration:none; 
width:80px; 
height:26px; 
color:#fff;
border-right:1px solid #fff;
background:#399; 
line-height:24px; 
font-size:11px;
}

/* clear the float at the end of each line of four slides */
span.clr {display:block; clear:both; width:0; height:0; font-size:0; line-height:0;}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li link on hover */
.navbar ul li:hover a{
color:#fff; 
background:#000;
cursor:default;
}

/*imagepage copied from menu2 in slide_show - should mirror each other*/
.imagepage {
font-family: arial, sans-serif; 
width:673px;
/*height:31px;*/
background:#000;
padding:0;
margin:0 auto; 
position:relative;
/**/
top:-201px; /*was -230px in menu2 to allow for instructions div*/ /*was -20px before fb/twitter*/
left:40px; /*EITHER NEED A DIFFERENT POSITIONING APPROACH, OR NEED TO CHANGE IE STYLE TO ADD 30PX TO LEFT POSITION*/
/**/
z-index:1;
border-bottom:20px solid #000;
margin-bottom:390px;/*11May2011 was 650px XXXXXXXXXXX*/
margin-left:160px;
}

.imagepage ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;

text-align:left;
display:block; 
position:absolute; 
top:-310px; /*was 31px - creates a band of background above slides for displaying picture titles - but makes difficult to move from menu to slides*/
left:0;
}

/* make the sub menu ul li the full width with padding and border. */
.imagepage ul li {
width:483px;
height:539px; /*was 483px - added 25px band for slide titles to 508px*/
border:0px solid #000; /*was 20px*/
border-width:0px; /*was  20px 5px*/
background:#ddd; 
color:#fff;
padding:82px 90px;
cursor:default;
}

/* make the large image visible and set the border, position them using position absolute centrally over the slides */
/* horizontal large image styling */
/*.imagepage ul li img.horiz:active em, .imagepage ul li img.horiz:focus em {*/
.imagepage ul li em.horiz {
  display:block; 
  background:#ddd; 
  position:absolute; 
  left:12px; /*was 15px*/
  top:120px; /*was 100px*/
  width:640px; 
  height:480px; 
  z-index:200; 
  z-index:500; 
  cursor:default; 
  border:1px solid #fff;
 }
/*.imagepage ul li img.horiz:active em img, .imagepage ul li a.horiz:focus em img {*/
.imagepage ul li em.horiz img {
  border:0; 
  margin-top: 29px;
 }
.imagepage ul li em.horiz i {
  font-style:normal;
  font-weight:bold;
  text-align: center;  
  font-size:16px; 
  color:#000; 
  position:absolute; 
  display:block; 
  width:663px; /*was 483px, then 650px*/
  top:-50px; 
  left:-12px; /*was 246px*/
 }
/* vertical large image styling */
/*.imagepage ul li img.vert:active em, .imagepage ul li img.vert:focus em {*/
.imagepage ul li em.vert {
  display:block; 
  background:#ddd; 
  position:absolute; 
  left:95px; 
  top:48px; /*was 23px - added 25 to allow for titles*/
  width:480px; 
  height:640px; 
  z-index:200; 
  z-index:500; 
  cursor:default;  
  border:1px solid #fff;
 }
/*.imagepage ul li img.vert:active em img, .imagepage ul li img.vert:focus em img {*/
.imagepage ul li em.vert img {
  border:0;
/*  text-align: center;*/
/*  display:inline; */
/*  margin-top: 14px;*/
  margin-left:28px;
 }
.imagepage ul li em.vert i {
  font-family:arial;
  font-style:normal;
  font-weight:bold;
  text-align: center;  
  font-size:16px; 
  color:#000; 
  position:absolute; 
  display:block; 
  width:480px; 
  top:-27px; 
  left:0px;
 }
 
 .controls {
  font-family: arial, sans-serif; 
  font-size:0.9em;
  width:180px;
  height:510px; /*was 350px XXXXXX*/
  background:#000;
  /*padding:0;*/
  margin:0 auto; 
  position: relative;
  /*position:absolute;*/
  top: 10px;
  left: 0px;
  border: 1px solid #FFF;
  padding: 5px; /*was 5px XXXXXXXX*/
/*  top:0px;
  left:0px;
  z-index:1;*/
  border:1px solid #fff;
  margin:0px;
  overflow:hidden;
 }
 
 .product_display{
  font-family: arial, sans-serif; 
  font-size:0.9em;
  width:170px;
  height:275px; /*was 180px XXXXXXXX*/
  background:#000;
  padding:0;
  margin:0 auto; 
  position: relative;
  /*position:absolute;*/
  top: 10px;
  left: 2px;
/*  border: 1px solid #000; */
  border: 0;
  padding: 2px;
/*  top:0px;
  left:0px;
  z-index:1;*/
/*  border:1px solid #fff;*/
  margin:0px;
  overflow:auto;
 }
 
 /* css/tooltip.css -- fancy tooltips */
span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 1.2em;
  left: 0;
  width: auto;
  line-height: 1.2em;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

#content span.tool:after {
  padding-left: 2px;            /* eye candy */
/*  content: url(/img/bubble.gif);*/
}

/* css/tooltip.css */

.sidecolumn{
  background-color: #111111;
  float: left;
  width: 200px; /*Width of left column*/
  margin-left: -100%;
}
.sidecolumn ul{
  list-style-type: none;
/*  -webkit-padding-start: 15px;*/
  padding-left: 10px;
}

/* Sociable */
div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
/*	-moz-opacity: .4;*/
/*	filter: alpha(opacity=40);*/
}
.sociable-hovers:hover {
	opacity: 1;
/*	-moz-opacity: 1;*/
/*	filter: alpha(opacity=100);*/
}