html, body {
	margin:0;
	padding:0;
	font-family:verdana, arial, helvetica, sans-serif;
        color: #003890;  
	}

#logo {
  border-top: 1px solid #3ec3ff;
  background-color: #3ec3ff;
  color: #003890;
}

#logo h1 {
  font-family: Verdana, sans-serif;
  font-size: 150%;
  padding-left: 20px;
  padding-bottom: 10px;
}

/* ----- Pure CSS tabs start here ----- */

#nav ul {
  display: block;
  list-style: none outside;
  padding: 0;
  margin: 0 0 0 20px;
  font-family: Verdana, sans-serif;
  font-size: 14px;
}

#nav li {
  padding: 0;
  margin: 0 4px 0 0;
  border-top: 1px solid #dcffa1;
  border-right: 1px solid #dcffa1;
  border-left: 1px solid #dcffa1;
  background-color: #3ec3ff;
  color: #003890;
  font-weight: bold;
  /* the next 4 lines are magic */
  display: block;
  float: left;
  position: relative;
  top: -1.32em;
}

#nav a:link,
#nav a:visited {
  background-color: #3ec3ff;
  color: #003890;
  text-decoration: none;
  padding-left: 1em;
  padding-right: 1em;
}

#nav a:hover {
  background-color: #b7c8ff;
  color: #003890;
}

#navclear {
  display: none;
}
html>body #navclear {
  display: block;
  clear: both;
}

/* ----- now highlight active tab based on body @class attribute ----- */

body.index #nav li#nav-index a,
body.kitchen #nav li#nav-kitchen a,
body.bedroom #nav li#nav-bedroom a,
body.lounge #nav li#nav-lounge a,
body.bathroom #nav li#nav-bathroom a,
body.garden #nav li#nav-garden a
{
  background-color: #aaff11;
  color: #003890;
}

/* content css goes here */


#content {
	margin:0px 210px 50px 10px;
	padding:10px;
        font-size:11px;
}

#sidebar {
	position:absolute;
	top:90px;
	right:20px;
	width:172px;
	padding:10px;
        background-color: #b7c8ff;
        border:1px solid #3ec3ff;
        font-size:11px;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
/* Again, "be nice to Opera 5". */
body>#sidebar {width:150px;}

.product 
{
        margin: 10px;
	padding:10px;
        font-size:11px;
        border: 1px dashed #3ec3ff;
}



.product blockquote
{
        background-color: #edf1ff;
        padding: 10px;
}

#endmatter
{
   margin-left: 10px;
   width: 100%;
   padding: 20px;
   background-color: #3ec3ff;
   color: #003890;
}

.product h1
{
  color: #003890;  
  font-family: Verdana, sans-serif;
  font-size: 150%;  
}

#content h2
{
  color: #003890;  
  font-family: Verdana, sans-serif;
  font-size: 130%;  
}

#content h3
{
  color: #003890;  
  font-family: Verdana, sans-serif;
  font-size: 100%;
  font-style: italic;
}

.product a
{
  color:   #0038ff;
  text-decoration: none;
  font-weight: bold; 
  border-bottom: 1px dashed;
}

.product img
{
  border: none;
  float: left;
  max-height: 100px;
  max-width: 100px;
}

#content ul
{
        font-size: 11px;
        font-weight: bold;
        list-style: none outside;
        display: inline;
}

#content li
{
        display: inline;
}

#sidebar a
{
  color:   #003890;
  text-decoration: none;
}

#sidebar ul
{
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
  margin-left: 0;
}