html {
    height: 100%;
    margin:0px;
    padding:0px;
	background: #000000;
}

div#shim {
	visibility: hidden;
  width: 100%;
  height: 50%;                                                                    
  margin-top: -385px;                                                              
  float: left;
}

body {
	background-color: #000000;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	height: 100%;
	background-image: url('../images/background.gif');
	background-position: top center;
	background-repeat: repeat-y;	
	color: #ffffff;
}

p {
	color: #FAFAFA;
	margin:7px 0px 0px 0px;
}

h1 {
	clear;both;
	line-height:1em;
	font-weight:normal;
	padding:0px;
	margin:2px 0px 0px 0px;
	font-size:20px;
	color: #FAFAFA;

}

h1 span { text-transform: uppercase; }
h1 sup	{ font-size:0.55em;padding-left:2px; }

h2 {
 	color:#e89418;	
	font-size:16px;
	font-weight:normal;
	margin:15px 0px 0px 0px;	
	padding:0px;
}

table {
	color: #FAFAFA;
}

a{
	color: #D3922B;
}

a:hover{
	color: #FAFAFA;
}

ul{
	color: #FAFAFA;
}

#midfloat{
	width:100%;
	/*height: 770px;*/
	clear: both;
	background-color: #000000;
	background-image: url('../images/bgcoffee.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	border-top:1px solid #4F5052;
	border-bottom:1px solid #4F5052;
}

#outercontainer {
	margin: 0px auto 0px auto;
	width: 770px;
	background-color: #231F20;
	/*height: 770px;*/
}

#container {
	position: relative;
	float:left;
}

#banner {
	margin:0px auto;
	height:168px;
	background-image: url('../images/lindelia_header.jpg');
	background-repeat:none;
	background-position: right;
}

#banner img.logo{
	float:left;
	margin-top: 19px;
	border: 0px;
}

#banner img.header{
	float:left;
	border: 0px;
}

#nav {
	height:29px;
	margin: auto;
	width: 701px;

}

#main {
	margin-left:34px;
	width: 734px;
	/*height:538px;*/	
	text-align:left;
	padding-top: 15px;
}

#nav ul {
	float: right;
  margin:0px;
  padding:0px;
  height:25px;
	font-size: 14px;  
}

#nav ul li {
  float: left;  
  list-style:none;
  text-align: left;
  margin-left: 10px;
  font-size:12px;
  line-height: 18px;
  height:22px;  
  background-color: #4F5052;
  background-image:url('../images/tab.gif');
  padding: 3px 5px 0px 5px;

}

#nav ul li a{
	text-decoration:none;
	color: #FAFAFA;
	text-transform: lowercase;
}

#nav ul li a:hover{
	text-decoration:underline;
}

.about #nav ul li a.about,
.home #nav ul li a.home,
.philosophy #nav ul li a.philosophy,
.products #nav ul li a.products,
.wheretobuy #nav ul li a.wheretobuy,
.news #nav ul li a.news,
.contact #nav ul li a.contact
{
	color: #D3922B;
}

.left{
	float: left;
	width: 306px;
	padding-bottom: 10px;
}

.right {
	float:left;
	margin-left:22px;
	width:373px;

}

.rightpanel {
	float:left;
	width:175px;

}

.heading {
	border-bottom: 1px solid #E4DED6;
}

#newsarchive {
	width:170px;
	margin-top:10px;
	border: 1px solid #D3922B;
	padding:5px 10px 10px 10px;
}

#newsholder {
	float:right;
	width:190px;
	margin: 20px 0px 0px 25px;	
}

.subnav {
	float:right;
	width:170px;

	margin: 30px 30px 70px 25px;
	border: 1px solid #D3922B;
	padding:10px;	
}

.subnav p{
	margin:0px;
	padding:0px;
	
}

.subnav .select{
	color: #FAFAFA;
	text-decoration:none;
}

.subnav ul{
	color: #D3922B;
	margin:0px;
	padding:0px;
}

.subnav ul li{
	margin:2px 0px 2px 15px;
	padding:0px;
	list-style-type: square

}

.product{
	float:left;
	width:340px;
}


.stcquote{
	margin-top:20px;
	background-color: #EE2D24;
	padding:10px;
	width: 200px;
}

.stcquote p{
	margin:0px;
	padding:0px;
}

.products .subnav{
	border:1px solid #D3922B;

	padding:10px;
}
.products .subnav p{
	color: #FFFFFF;
}

.green{
 color:#93A445;
}

.orange{
 color:#D3922B;
}

.about td {
	padding:5px; 
}

#proper_footer{border-top:1px solid #231F20; margin:0 auto; text-align:left;width:770px;background-color: #231F20; padding:0px 0px 7px 0px;}

.col1				{ width:440px; float:left; overflow:hidden; margin-right:10px; }
.col1 h1		{ font-size:2.3em; margin-bottom:20px; }
.col1 p			{ margin-top:5px; }
.col2				{ width:250px; float:left; margin-left:0px; }
.col2 .fade { background:url(/assets/new/brown_fade_bg_col2.jpg) top left no-repeat; }
.col2 .fade .margined { margin-top:-5px; }
.col2 .fade p	{ margin-left:35px; margin-right:20px; font-size:1.1em; }

.col_50			{ width:360px; float:left; overflow:hidden; margin-bottom:10px; }
.col_25			{ width:180px; float:left; overflow:hidden; }
.first			{ margin-right:0px; }
.col_50 h1, .col_25 h1	{ margin-left:20px; margin-right:10px; margin-top:10px;  }
.col_50 p,  .col_25 p		{ margin-left:20px; margin-right:20px;  }

.prods_header { width:100%; overflow:hidden; background:url(/assets/new/h1_bg.jpg) bottom left no-repeat; margin-bottom:10px; clear:both; position:relative; }
.prods_header h1 { color:#e89418; display:inline; }
.prods_header .new_icon { margin-bottom:-12px; margin-right:10px; }
.prods_header .left { width:50%; float:left; text-align:left;  }
.prods_header .right { width:60%; position:absolute; bottom:8px; right:0px; text-align:right; margin-right:40px; }
.child_icon { margin-bottom:-3px; margin-right:4px; }

#product_details { margin:40px 30px 0px 20px; }
#product_details h1 { margin-bottom:20px; }
#product_details p { margin-bottom:20px; }
#product_details .intro { font-size:1.2em; font-weight:bold; }

#product_details ul { margin:0px 0px 0px 10px; padding:0px 0px 10px 20px; }
#product_details ul li { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

/* online shop */

#bookmark { width: 770px; margin: 0 auto; padding-bottom: 5px; text-align: right; }
#bookmark a { font-size: 0.8em; text-transform: uppercase; }

strong { font-weight: bold; }
em { font-style: italic; }

img.steps { margin: 10px 0px 0px; padding-bottom: 10px; border-bottom: 1px solid #666666; }

ul.shop { position: absolute; top: 172px; left: 34px; overflow: hidden; list-style: none; }
ul.shop li { float: left; margin-right: 6px; }
ul.shop li a { color: #ffffff; text-transform: lowercase; }
ul.shop li.basket a { background: url(../images/basket.gif) left top no-repeat; padding-left: 20px; }
ul.shop li a:hover { text-decoration: none; }

object.star { position: absolute; right: 5px; top: 10px; width: 106px; height: 106px; }

div#banner object { width: 466px; height: 168px; }

div#main ul.links { margin: 8px 0px 0px 5px; }
div#main ul.links li { margin-bottom: 4px; }

div#main ul.product-list { list-style: none; margin-bottom: 10px; }
div#main ul.product-list li { padding: 10px 0px 10px; background: url(../images/new/h1_bg.jpg) left bottom no-repeat; overflow: hidden; clear: both; }
div#main ul.product-list li h2 { margin: 0px 0px 15px; }
div#main ul.product-list li form { float: left; overflow: hidden; padding-top: 10px; }
div#main ul.product-list li div.left { width: auto !important; padding-top: 18px; }
div#main ul.product-list li div.left p { width: 335px; line-height: 1.4em; }
div#main ul.product-list li div.left p.large { font-size: 1.2em; line-height: 1.3em; font-weight: normal; }
div#main ul.product-list li div.left p.offer { font-size: 1.3em; line-height: 1.3em; font-weight: bold; color: #edb024; overflow: hidden; padding-top: 29px; } 
div#main ul.product-list li div.left p.offer img { float: left; margin: -29px 8px 5px 0px; }
div#main ul.product-list li form p { float: left; width: auto !important; margin-right: 10px; padding-top: 2px; }
div#main ul.product-list li form p input { margin-top: -2px; }
div#main ul.product-list li form select { width: 125px; }

div#main ul.product-list-order { list-style: none; margin: 5px 0px 10px 0px; }
div#main ul.product-list-order li { margin-bottom: 5px; }

div#main h3 { font-size: 1.2em; font-weight: bold; color: #ffffff; margin: 10px 0px 6px; }
div#main div.left h3 { margin-bottom: -5px; }

div#main p.large { font-size: 1.2em; line-height: 1.3em; font-weight: bold; } 
div#main p strong.large { font-size: 1.3em; }
div#main span.price { padding: 4px 6px; float: left; background: #e9a409; margin: 17px 10px 0px 0px; }

div#main img.product { float: left; width: auto; margin: 0px 10px 20px -6px; }
div#main div.desc { float: left; padding-top: 18px; width: 340px; }
div#main p.back { clear: both; background: url(../images/new/h1_bg.jpg) left top no-repeat; padding: 10px 0px 4px; margin-top: 15px; }

div#main div.add-to-basket { clear: both; overflow: hidden; padding: 2px 0px 0px 6px; }
div#main div.add-to-basket p { float: left; margin-right: 10px; padding-top: 2px; }
div#main div.add-to-basket p input { margin-top: -2px; }
div#main div.add-to-basket span.price { margin-top: 7px; }

div#main form { padding-top: 10px; }
div#main form h1 { margin-bottom: 10px; }
div#main form h2 { margin-bottom: 8px; }
div#main form p.hsbc { display: block; background: url(../images/new/hsbc-small.jpg) 0px 0px no-repeat; height: 23px; padding: 4px 0px 0px 84px; margin: 14px 0px; }
div#main form ul { list-style: none; margin-bottom: 10px; }
div#main form ul li { overflow: hidden; margin-bottom: 5px; }
div#main form ul li label { float: left; width: 150px; padding-top: 5px; }
div#main form ul li input.text { float: left; padding: 2px; width: 280px; }
div#main form ul li select { float: left; width: 288px; padding: 2px; }
div#main form ul li.textarea { padding-top: 8px; }
div#main form ul li.textarea label { float: none; }
div#main form ul li.textarea textarea { display: block; padding: 2px; }

div#main form div.left { width: 330px !important; margin: 0px; }
div#main form div.right { width: 330px !important; margin: 0px 34px 0px 0px; float: right; }
div#main form div.right ul { margin-top: 10px; }
div#main form div.right ul li label { float: left; width: 110px; padding-top: 5px; }
div#main form div.right ul li input.text { float: left; padding: 2px; width: 210px; }

div#main form table.productListing { width: 700px; margin: 15px 0px; }
div#main form table.productListing td { padding: 3px; border-bottom: 1px solid #f2f2f2; }
div#main form table.productListing td.productListing-heading { font-weight: bold; font-size: 1.3em; }
div#main form table.productListing td table td { padding: 3px; border-bottom: none; }

div#main div.messageStackError { width: 680px; padding: 6px 10px 10px; background: #fbb6b6; margin-top: 15px; }
div#main div.messageStackWarning { width: 680px; padding: 6px 10px 10px; background: #b6dafb; margin-top: 15px; }
div#main div.messageStackSuccess { width: 680px; padding: 6px 10px 10px; background: #cafbb6; margin-top: 15px; }

div#main div.messageStackError h1 { color: #b62222; }

div#main div.messageStackError img,
div#main div.messageStackWarning img,
div#main div.messageStackSuccess img { float: left; margin-right: 4px; }

div#main div.messageStackError p,
div#main div.messageStackWarning p,
div#main div.messageStackSuccess p { overflow: hidden; color: #231f20; }

div#main div.messageStackError a { color: #231f20; }
div#main div.messageStackError a:hover { color: #e04444; }