body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

/* no-navigation pages: order form etc. */
.plaintextpage
{
margin: 5px;
padding: 5px;
}

/* dansanna logo and phone number */
#header {
	position: absolute;
	top:0px;
	left:0px;
	height:65px; 
	border-bottom: solid 5px #8DC63F;
	width: 100%;
}

/* div wraps and controls page positioning for drop-down menu*/
#menubar {
	position: absolute;
	top:65px;
	left:15px;
	z-index: 1;
	margin-bottom:20px;
}

        /* menu */
        #menu{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:45px; display:inline-block; float:left; z-index:1000; 
		font-family:Arial, Helvetica, Sans-Serif; font-size:11px; text-transform:uppercase; letter-spacing:+1px;
		}
        #menu a { color:#fff; text-decoration:none; }
        #menu > li {background:#172322 none repeat scroll 0 0; font-size:11px; cursor:pointer; float:left; position:relative;padding:0px 10px; line-height:45px;}
        #menu > li a:hover {color:#B0D730;}
        #menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;}
        /* sub-menus*/
        #menu ul { padding:0px; margin:0px; display:block; display:inline;}
        #menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:150px; line-height:16px; background-color:#172322; color:#0395CC; /* for IE */ display:none; }
        #menu li:hover ul { display:block;}
        #menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px;  border-top: dotted 1px #606060; list-style-type:none;
		font-size:12px; font-weight:normal; letter-spacing:0px; text-transform:none;}
        #menu li ul li:first-child { border-top: none; }
        #menu li ul li a { display:block; color:#0395CC; }
        #menu li ul li a:hover { color:#7FCDFE; }
        /* main submenu */
        #menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999;}
        /* search */
        .searchContainer form { background-color:#fff; display:inline; padding:5px;	-webkit-border-radius:5px; -moz-border-radius:5px;}
        .searchContainer input[type="text"] {border:none;}
        .searchContainer input { vertical-align:middle;}
        /* corners*/
        #menu .corner_inset_left { position:absolute; top:0px; left:-12px;}
        #menu .corner_inset_right { position:absolute; top:0px; left:150px;}
        #menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}
        #menu .corner_left { position:absolute; left:0px; top:0px;}
        #menu .corner_right { position:absolute; left:132px; top:0px;}
        #menu .middle { position:absolute; left:18px; height: 20px; width: 115px; top:0px;}

/* top navigation table - font style */
#topnavtable {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#topnavtable a { color:#0395CC; }
		
/* main text with no sidebar navigation */
#nonavtext {
	float:none; 
	clear:both;
	margin: 120px 40px 10px 40px;
}

/* main text with sidebar navigation */
#text {
	padding: 0px;
	border: 0px;
	background: white;
	float:none; 
	clear:both;
	margin: 120px 40px 10px 170px;
	position: relative;
}


/* title */
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:larger;
	line-height:28px;
	font-weight:700;
	color:#FF9900;
	}
 
 /* subtitle */
h2 {
	font-size: medium;
	color: #FF9900;
	margin: 1em 0 1em 0;
	padding: 0.3em 0 0em 0;
	border-top: 1px solid #FF9900;
 } 
 
 /* sub-subtitle */
h3 {
	font-size: 13px;
	color: #FF9900;
	margin: 0em;
	padding: 1em 0 1em 0;
 } 

/* paragraph text */
p {
	font-size: 13px;
	margin: 0em;
	padding: 0 0 1em 0;
	line-height: 1.4em;
	text-align: justify;
}

/* formatting */
td, dl {
	font-size: 13px;
	line-height: 1.4em;
}
li {
	font-size: 13px;
	line-height: 1.4em;
	padding: 0 0 0.3em 0;
}

ul, ol {
	margin: 0em;
	padding: 0 0 1em 2em;
}

/* links */
a {
	color:#339933;
	text-decoration:none;
	font-weight:bold;
	}
a:link {color:#339933;}
a:visited {color:#339933;}
a:hover {color:#0395CC; text-decoration:underline;}

/* centered images */
.image {
	text-align: center;
	border: 0;
	padding: 1em;
	font-size: xx-small;
	vertical-align: middle;
} 

.image img {
border: 0;
}

/* image captions in small text */
.caption { 
	text-align: center;
	font-size: x-small; 
	border-top: 1px solid #ccc;
	padding: 1em 0 0 0;
	margin: 1em 0 1em 0;
}

/* adds margins to main text */
.itembox {
	padding: 0;
	margin: 0em 1.5em 0em 0.2em;
}

/* section navigation at bottom of text */
.navibox { 
	text-align: center;
	font-size: xx-small; 
	margin: 0em 2.4em 1.5em 0em;
	padding: 0.5em;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

/* disclaimer paragraph text etc. */
.highlightbox {
	font-size: xx-small;
	text-align: left;
	line-height: 1.1em;
	margin-top: 0.2em;
}

/* leftside menu */
#leftnav {
	position: absolute;
	top: 120px;
	left: -16px;
	margin: 0 0 0 10px;
	padding: 0px;
	border: 0px;
	background: white;
	font-size: 100%;
	width: 170px;
	}

#leftnav ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-transform: uppercase;
}

#leftnav li { margin: 0 0 1px 5px; font-size: 11px; }

#leftnav a
{
display: block;
padding: 5px 10px;
margin: 0;
width: 130px;
color: #fff;
background-color: #0395CC;
text-decoration: none;
}

#leftnav a:hover
{
color: #fff;
background-color: #0395CC;
padding: 5px 5px 5px 10px;
text-decoration: none;
border-right: 5px solid #FF9900; 
}

#leftnav ul ul li { margin: 0 0 1px 0; }

#leftnav ul ul a
{
display: block;
padding: 5px 20px 5px 15px;
width: 125px;
color: #666666;
background-color: #ffffff;
text-decoration: none;
}

#leftnav ul ul a:hover
{
color: #fff;
background-color: #FF9900;
padding: 5px 5px 5px 15px;
text-decoration: none;
border-right: 5px solid #0395CC; 
}

#leftnav ul ul ul
{
margin: 0;
padding: 0;
list-style-type: square;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

#leftnav ul ul ul a {
	display: list-item;
	color: #FF9900;
	background-color: white;
	padding: 1px 1px 1px 25px;
}

#leftnav ul ul ul a:hover {
	display: list-item;
	color: #8DC63F;
	background-color: white;
	padding: 1px 1px 1px 20px;
	text-decoration: underline;
	border-left: 5px solid #8DC63F;
	border-right: none;
}

/* list of names, links, etc. */
.namelist dt {
	margin-top: 1.5em;
	font-weight: bold;
}

/* large-sized inline text */
em.largesized {
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
}

/* centered text only */
.center {
	text-align: center;
}

/* thumbnail image caption etc. */
.item p {
	margin: none;
	padding: none;
	text-align: center;
	line-height: 1.1em;
}

/* thumbnails: use p.image unless captions are needed! */
div.item {
	float: left;
	padding: 5px 20px 5px 15px;
	text-align: center;
}

/* centered table */
table.center {
	margin-left: auto; 
	margin-right: auto;
}
table.center tr.left td {
	text-align:left;
}

/* colourchart - remember to do chairtex */
table.colourchart {
width: 75%;
border: none;
cellpadding: 8px;
cellspacing: 10px;
margin-left: auto;
margin-right: auto;
}

table.colourchart td {
	width: 25%;
	text-align: center;
	vertical-align: top;
}

table.colourchart tr.five td {
	width: 20%;
	text-align: center;
	vertical-align: top;
}

table.colourchart td p {
	margin: 0;
	padding: 0;
}

table.itemchart {
width: auto;
border: none;
cellpadding: 8px;
cellspacing: 10px;
margin-left: auto;
margin-right: auto;
}

table.itemchart td {
	text-align: center;
	vertical-align: top;
}

table.itemchart td p {
	text-align: center;
}

table.itemchart tr.three td {
	width: 33%;
}

table.itemchart tr.four td {
	width: 25%;
}

table.itemchart tr.five td {
	width: 20%;
}

table.itemchart tr.highlight td p {
	background-color: #FFF799;
	padding: 2px;
	margin: 2px;
	font-weight: bold;
}

/* pricechart */
table.pricechart {
	width: 100%;
	border: none;
	cellspacing: 5px;
}
.pricechart thead {
}
.pricechart th {
	background-color: #0395CC;
	color: white;
	font-size: small;
	text-align: center;
}

.pricechart th.rightalign {
	text-align: right;
}

.pricechart td.subheader {
	background-color: #ccc;
	font-weight: bold;
}
.pricechart tr.alt {
	background-color: #eee;
}

.pricechart td.image {
	text-align: center;
}
.pricechart td {
	border: 1px solid #ccc;
	font-size: small;
	text-align: left;
	padding: 2px;
}

/* Right-align contents of price cells. */
.pricechart td.price { text-align: right; font-weight: bold; }
.pricechart td.alt-price { text-align: right; background-color: #ddd; }


/* highlight table */
td.highlight {
	background-color: #0395CC;
	color: white;
	border: 1px #000000;
	text-align: left;
}
td.highlight2 {
	background-color: #0395CC;
	text-align: center;
}

/* featured product */
td.featured {
	background-color: #0395CC;
	color: white;
	font-weight: bold;
	text-align: center;
}

.featured2 {
	background-color:#FFFF00;
	padding: 2px;
	margin-bottom: 8px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

p.leftlink {
	text-align :right;
	font-size: x-small;
	font-weight: bold;
}

p.price {
	background-color:#FFFF00;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -5px;
	width: 100px;
	font-weight: bold;
	text-align: center;
}

.foot{ 
	text-align: center;
	font-size: x-small;
}

strong.red
	{
	color: red;
}

ul.itemlist li {
	font-size: x-small;
}

ul.itemlist li a {
	margin: 0px;
	padding: 0px;
}

.indexpage {
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
}