/* style originally borrowed from zeldman.com (but meanwhile heavily modified) */

/* abbreveations in these stylesheets:
m-		margin-column
pm-		productmodule
pp-		productpopup
c-		contact-section
*/



	/* Helpers and base rules */

html	{
	min-width: 770px;
	}

img	{
	border: none;
	}

form	{
	margin: 0;
	padding: 0;
	border: 0;
	}

form label:hover {
	color: #762300;
	}

.clear	{
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	}

#top	{
	position: absolute;
	top: 0;
	left:0;
	} 



	/* wrapper */

body	{
	background: #B5B5A5 url( ../i/bgtile_03.gif ) top center repeat;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	font: 12px Georgia, "New Century Schoolbook", Times, serif; 
	color: #333;
	}

#wrapper	{
	background: transparent;
	text-align: center;
	width: 770px;
	margin: 0 auto;
	padding: 0;
	}

#shadow	{
	background: url(../i/shadowtile02.gif) top left repeat-y;
	text-align: center;
	width: 770px;
	margin: 0 auto;
	padding: 0;
	}

#bottomshadow	{
	background: url(../i/bottomshadow02.gif) top left no-repeat;
	width: 770px;
	height: 8px;
	margin: 0;
	padding: 0;
	}

#container	{
	background: url(../i/containerbg3.gif) top left repeat-y;
	text-align: left;
	width: 758px;
	margin: 0 auto;
	padding: 0;
	}





	/* menu	*/

#navicontainer	{	/*	must NOT float: otherwise ie 5.0 fucks up	*/
	position: relative;
	background: #D1D1C2; 
	width: 758px;
	height: 211px;
	margin: 0;
	padding: 0;
	}

#menu-fg	{	/* noflash menu - set correct bg-pic*/
	position: relative;
	background: url(../i/bg_cssnav2.jpg) top left no-repeat;
	width: 758px;
	height: 211px;
	margin: 0;
	padding: 0;
	z-index: 20;
	}

#menu-bg	{	/* hidden menu - links for google */
	position: relative;
	width: 758px;
	height: 211px;
	margin: 0;
	padding: 0;
	z-index: 20;
	}
	
#cssmenu	{
	position: absolute;
	left: 0;
	top: 0;
	color: #E5E5D8;
	width: 738px;
	height: 190px;
	padding: 0;
	z-index: 25;
	}

#navicontainer a.l-spezial:link, a.l-spezial:visited	{
	background: url(../i/li-bullet1.gif) left no-repeat;
	color: #333;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 12px;
	width: 120px;
	}

#navicontainer a.l-spezial:hover, a.l-spezial:active	{
	background: url(../i/li-bullet2.gif) left no-repeat;
	color: #762300;
	text-decoration: underline;
	margin: 0;
	padding: 0 0 0 12px;
	width: 120px;
	}
	
#navicontainer a.l-clicked {
	background: url(../i/li-bullet2.gif) left no-repeat;
	color: #762300;
	text-decoration: underline;
	margin: 0;
	padding: 0 0 0 12px;
	width: 120px;	
	}	
	
#navicontainer a.spezial:link, a.spezial:visited	{
	background: url(../i/li-bullet1.gif) left no-repeat;
	color: #333;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 12px;
	width: 95px;
	}

#navicontainer a.spezial:hover, a.spezial:active	{
	background: url(../i/li-bullet2.gif) left no-repeat;
	color: #762300;
	text-decoration: underline;
	margin: 0;
	padding: 0 0 0 12px;
	width: 95px;
	}
	
#navicontainer a.clicked {
	background: url(../i/li-bullet2.gif) left no-repeat;
	color: #762300;
	text-decoration: underline;
	margin: 0;
	padding: 0 0 0 12px;
	width: 95px;	
	}		
		


#menuframe	{	/* iframe for flashmenu	*/
	position: absolute;
	left: 0;
	top: 0px;		/* change this value to 211px to see the underlying css-menu	*/
	background: #D1D1C2;
	width: 758px;
	height: 211px;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 30;
	} 

body#flashmenu	{
	background: #D1D1C2;
	margin: 0;
	padding: 0;
	border: 0;	
	vertical-align: top;
	text-align: left;
	}
	
	/*	css-menu	- put all its content below	*/

.menubox	{
	float: left;
	background: transparent;
	width: 95px;
	height: 140px;
	margin: 10px 10px 10px 10px;
	padding: 0;
	line-height: 18px;
	}

.menubox-e	{
	float: left;
	background: transparent;
	width: 120px;
	height: 140px;
	margin: 10px 5px 10px 5px;
	padding: 0;
	line-height: 18px;
	}

.menubox-r	{
	float: left;
	background: transparent;
	width: 120px;
	height: 140px;
	margin: 10px 0px;
	padding: 0;
	line-height: 18px;
	}


#navicontainer h3	{
	background: url(../ci/leaf.gif) left no-repeat;
	position: relative;
	left: 1px;
	top: 188px;
	width: 400px;
	height: 20px;
	padding: 0 0 0 35px;
	}

	/* content */

#contentcol 	{
	float: left;
	width: 547px;
	padding: 0;
	text-align: left;
	/* False margin value for all versions of IE Win, including 6.0 */	
	margin: 9px 0 0 9px;
	}
	
html>body #contentcol {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin: 18px 0 0 19px;
	}

#margincol	{
	float: right;	/* this float is essentially necessary for opera 7. otherwise most margin-elements would be vertically shifted below the content in contentcol */
	width: 175px;
	padding: 0;
	margin: 0;
	}

#footer	{
	clear: both;
	background: url( ../i/footerbg02.jpg) top left no-repeat;
	width: 758px;
	height: 41px;
	padding: 0;
	margin: 0;
	z-index: 10;
	}

	/* here comes the content GENERAL DEFINITIONS */

.coni	{
	margin: 0;
	padding: 10px 0 0 30px;
	}
	
.coni img	{
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: #AEAE9F;
	margin: 10px 30px 20px 0;
	padding: 2px;
	}

.coni img.second	{
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: #AEAE9F;
	margin: 10px 0 20px 0;
	padding: 2px;
	}	

.coni img.right	{
	float: right;
	border-width: 1px;
	border-style: solid;
	border-color: #AEAE9F;
	margin: 10px 30px 30px 10px;
	padding: 2px;
	}

.coni img.shortpicright	{
	float: right;
	border-width: 1px;
	border-style: solid;
	border-color: #AEAE9F;
	margin: 10px 30px 30px 10px;
	padding: 2px;
	}

.coni img#news	{
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	left: 14px;
	}		

.coni h4.longpic	{
	margin: 20px 0 0 0;
	float: left;
	width: 246px;
	}	

.coni h4.shortpic	{
	margin: 20px 0 0 0;
	float: left;
	width: 176px;
	}		
			
	/* basic typography - be careful when changing this section */

h1	{
	font-size: 12px;
	font-weight: bold;
	margin: 6px 0 10px 0;
	color: #333;
	padding: 0;
	}

h2	{
	font-size: 12px;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	}
	
h3	{
	font-size: 16px;
	margin: 0 0 0 18px;
	padding: 0;
	font-weight: normal;
	}

h4	{
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 6px 0;
	padding: 0;
	}

p.best	{
	font-size: 12px;
	line-height: 18px;
	margin: 10px 10px 16px 30px;
	padding: 0;
	}

p	{
	font-size: 12px;
	line-height: 18px;
	margin: 10px 10px 16px 0px;
	padding: 0;
	}

p.longpic	{
	float: left;
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0 16px 0;
	padding: 0;
	width: 245px;
	}	
	
p.shortpic	{
	float: left;
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0 16px 0;
	padding: 0;
	width: 315px;
	}	
	

p.underlongpic	{
	font-size: 12px;
	line-height: 18px;
	margin: 10px 30px 16px 0;
	padding: 0;
	float: left;
	width: 216px;
	}

p.underlongpic2	{
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0 16px 0;
	padding: 0;
	float: left;
	width: 216px;
	}

p.right-short	{
	font-size: 12px;
	line-height: 18px;
	margin: 10px 10px 16px 0;
	padding: 0;
	float: left;
	width: 140px;
	}

a:link, a:visited	{
	color: #762300;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: transparent; 
	}

a:hover, a:active {
	color: #BE3800;
	text-decoration : underline;
	background: transparent; 
	}

small	{
	font-size: 10px;
	}


hr	{
	clear: both;
	}
	

	/* pseudos */

.gray	{
	color: #666;
	}

hr.dashed	{
	background: #666 url(../i/hr-dashed.gif) left top no-repeat;
	width: 545px;
	height: 1px;
	margin: 0 0 12px;
	padding: 0;
	border: 0;
	}

html>body hr.dashed	{
	margin: 16px 0;
	}

hr.bg	{
	background: #E5E5D8 url(../i/hr-bg.gif) left top no-repeat;
	width: 545px;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
	}




	/* spacers - needs to be adjusted for ie, maybe */ 

.spc-6	{
	clear: both;
	height: 6px;
	margin: 0;
	padding: 0;
	}

.spc-12	{
	clear: both;
	height: 12px;
	margin: 0;
	padding: 0;
	}

.spc-18	{
	clear: both;
	height: 18px;
	margin: 0;
	padding: 0;
	}

.spc-24	{
	clear: both;
	height: 24px;
	margin: 0;
	padding: 0;
	}

.spc-32	{
	clear: both;
	height: 32px;
	margin: 0;
	padding: 0;
	}


	/* margin-elements*/

#contextframe	{
	position: absolute;
	top: 211px;
	width: 174px;
	height: 84px;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
.m-topruler-ot    {
   background: url(../i/m-topruler-ot.gif) top left no-repeat;
   width: 174px;
   height: 10px;
   margin: -1px 0 6px;
   padding: 0;
   }

html>body .m-topruler-ot    {
   margin: -1px 0 12px;
   }
	

.m-topruler	{
	background: url(../i/m-topruler.gif) top left no-repeat;
	width: 174px;
	height: 93px;
	margin: 0 0 12px;
	padding: 0;
	}

.m-ruler	{
	clear: both;
	background: url(../i/m-ruler.gif) top left no-repeat;
	width: 174px;
	height: 10px;
	margin: 0 0 6px;
	padding: 0;
	}

html>body .m-ruler	{
	margin: 0 0 12px;
	}

.m-box	{
	width: 162px;
	margin: 0 0 0 8px;
	padding: 0;
	vertical-align: top;
	}

	/* margin-typography */

.m-box h3	{ 
	color: #762300;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 12px;
	padding: 0;
	}

.m-box p	{
	margin: 0 0 14px;
	padding: 0;
	color: #666;
	font-size: 11px;
	}

.m-desc	{
	float: right;
	font-size: 11px;
	line-height: 16px;
	width: 100px;
	margin: 0;
	padding: 0;
	text-align: left;
	}

.m-desc-m	{
	float: right;
	font-size: 11px;
	line-height: 14px;
	width: 100px;
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	text-align: left;
	}

		
.m-desc p {
	margin: 10px 0;
	font-size: 10px;
	}

.m-desc a:link, .m-desc a:visited	{
	color: #666;
	text-decoration: none;
	}

.m-desc a:hover, .m-desc a:active	{
	color: #762300;
	text-decoration: underline;
	}

img.m-thumb	{
	float: left;
	margin: 0 0 12px;
	padding: 0;
	}

img.hr-m	{ /* backgrounds for <hr>s seems to make problems in ie 5.0 - so an image instead */
	display: block;
	width: 175px;
	height: 3px;
	margin: 1px 0 7px;
	padding: 0;
	border: 0;
	}


a.listlink:link, a.listlink:visited	{
	font-size: 11px;
	line-height: 16px;
	width: 154px;
	margin: 0;
	padding: 0 0 0 12px;
	color: #666;
	text-decoration: none;
	background: url(../i/li-bullet1.gif) left no-repeat;
	}

a.listlink:hover, a.listlink:active	{
	background: url(../i/li-bullet2.gif) left no-repeat;
	color: #762300;
	text-decoration: underline;
	}

#footline	{
	width: 515px;
	height: 32px;
	margin: 0 0 0 30px;
	padding: 8px 0 0;
	}

a.footlink:link, a.footlink:visited	{
	font-size: 10px;
	line-height: 14px;
	width: 200px;
	margin: 0;
	padding: 0 0 0 12px;
	color: #666;
	text-decoration: none;
	background: url(../i/li-bullet1.gif) left no-repeat;
	}

a.footlink:hover, a.footlink:active	{
	background: url(../i/li-bullet2.gif) left no-repeat;
	color: #762300;
	text-decoration: underline;
	}

	/* section styles */
	/* contact */


.c-label {
	float: left;
	width: 138px;
	height: 25px;
	margin: 0 0 16px 15px;
	padding: 0;
	color: #666;
	vertical-align: middle;
	}

html>body .c-label	{
	margin: 0 0 16px 30px;
	}

div.c-inputline	{
	float: left;
	width: 340px;
	height: 25px;
	margin: 0 0 16px;
	padding: 0;
	color: #666;
	text-align: left;
	}

input.c-inputline	{
	font-size: 12px;
	font-family: Georgia, "New Century Schoolbook", Times, serif; 
	font-weight: normal;
	vertical-align: middle;
	width: 220px;
	margin: 0;
	}

div.c-inputarea	{
	float: left;
	width: 340px;
	height: 102px;
	margin: 0;
	padding: 0;
	}

textarea.c-inputarea	{
	font-size: 12px; 
	font-family: Georgia, "New Century Schoolbook", Times, serif; 
	font-weight: normal;
	width: 330px;
	height: 100px;
	margin: 0;
	}

div.c-checkbox	{
	float: left;
	background: #E5E5D8;
	width: 25px;
	height: 25px;
	margin: 16px 0 0 71px;
	padding: 2px 0 0;
	}

html>body div.c-checkbox	{
	margin: 16px 0 0 145px;
	}

input.c-checkbox	{
	margin: 0;
	padding: 0;
	}

div.c-checkline	{
	float: left;
	width: 340px;
	height: 32px;
	margin: 16px 0 0;
	padding: 0;
	text-align: left;
	}

label.c-checkline	{
	cursor: pointer;
	line-height: 18px;
	}

div.c-submit	{
	float: left;
	width: 110px;
	height: 25px;
	margin: 20px 0 12px 56px;
	padding: 0
	}

html>body div.c-submit	{
	margin: 20px 0 16px 170px;
	}

input.c-submit	{
	font-size: 12px; 
	font-family: Georgia, "New Century Schoolbook", Times, serif; 
	font-weight: normal;
	width: 100px;
	margin: 0;
	}

.c-address	{
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
	}









	/* product-search */

#productsearch	{
	width: 545px;
	padding: 0;
	margin: 16px 0 0 0;
	}

.searchbox	{
	width: 235px;
	padding: 0;
	margin: 0;
	text-align: left;
	vertical-align: top;
	}

div.search-pd	{	
	text-align: left;
	vertical-align: top;
	width: 225px;
	height: 36px;
	margin: 0;
	padding: 0;
	}

select.search-pd	{
	font-size: 11px; 
	font-family: Georgia, "New Century Schoolbook", Times, serif; 
	font-weight: normal;
	width: 202px;
	}

.search-line	{
	text-align: left;
	vertical-align: top;
	width: 225px;
	height: 36px;
	margin: 0;
	padding: 0;
	}

.search-input	{
	font-size: 11px; 
	font-family: Georgia, "New Century Schoolbook", Times, serif; 
	font-weight: normal;
	width: 100px;
	}

.search-img	{	
	width: 32px;
	height: 16px;
	margin: 0;
	padding: 0;
	border:0;
	}

.search-but	{
	font-size: 11px; 
	font-family: Georgia, "New Century Schoolbook", Times, serif;  
	font-weight: normal;
	text-align: center;
	width: 58px;
	}

div.searchinfo	{
	float: right;
	width: 290px;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
	}

.searchinfo p	{
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	}

.sort-line	{
	font-size: 11px;
	color: #666;
	}

.sort-pd	{
	font-size: 11px; 
	font-family: Georgia, "New Century Schoolbook", Times, serif; 
	font-weight: normal;
	width: 115px;
	margin: 0 0 0 6px;
	}

.hr-wood	{
	background: url(../i/hr-wood.gif) left top no-repeat;
	width: 545px;
	height: 7px;
	margin: 0 0 10px;
	padding: 0;
	border: 0;
	}


div#searchfooter	{
	background: url( ../i/content-footer.gif) left top no-repeat;
	color: #fff;
	width: 545px;
	height: 24px;
	padding: 0;
	margin: 0 0 32px;
	border-bottom: 1px solid #666;
	}

span.toplink	{
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	}

.toplink a.footlink:link, .toplink a.footlink:visited	{
	line-height: 24px;
	color: #fff;
	}

.toplink a.footlink:hover, .toplink a.footlink:active	{
	line-height: 24px;
	color: #762300;
	}

span.results	{
	float: right;
	font-weight: normal;
	font-size: 12px;
	line-height: 24px;
	text-align: right;
	margin: 0 15px 0 0;
	}

a.pg:link, a.pg:visited	{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}

a.pg:hover, a.pg:active	{
	color: #762300;
	}



	/* productmodule */

.productmodule	{
	margin: 0 0 12px;
	padding: 0;
	width: 545px;
	}

.pm-top	{
	background: url(../i/pm-top.gif) no-repeat;
	width: 545px;
	height: 6px;
	margin: 0;
	padding: 0;
	}

.pm-short	{
	background: #D1D1C2;
	width: 545px;
	padding: 4px 0;
	/* False margin value for all versions of IE Win, including 6.0 */	
	margin-top: -12px;
	}

html>body .pm-short {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-top: 0;
	}

.pm-long	{
	background: #D1D1C2;
	width: 545px;
	margin: 0;
	padding: 0;
	}

.pm-bottom	{
	background: url(../i/pm-bottom.gif) top left no-repeat;
	width: 545px;
	height: 6px;
	margin: 0;
	padding: 0;
	}





	/* productmodule-table */

.pm-table	{
	background: url(../i/icon-magnifier.gif) left top no-repeat;
	width: 532px;
	margin: 0 6px;
	padding: 0;
	}

.pm-longtable	{
	background: url(../i/pm-ruler.gif) left top no-repeat;
	width: 532px;
	margin: 0 6px;
	padding: 0;
	}

td.pm-thumb	{
	width: 110px;
	margin: 0;
	padding: 0 10px 0 0;
	}

td.pm-text	{
	width: 342px;
	margin: 0;
	padding: 0 10px 0 0;
	vertical-align: top;
	}

td.pm-ldesc	{
	width: 342px;
	margin: 0;
	padding: 0 10px 0 0;
	vertical-align: top;
	}

td.pm-tag	{
	background: url(../i/vr-tag.gif) left no-repeat;
	width: 70px;
	margin: 0;
	padding: 0 0 0 12px;
	vertical-align: top;
	}

td.pm-xtras	{
	width: 70px;
	margin: 0;
	padding: 12px 0 0 12px;
	vertical-align: top;
	}

	/* productmodule-content & typo */

.productmodule p, .productpopup p {
	color: #333;	
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	}

.pm-short p, .productpopup p	{
	line-height: 16px;
	margin: 16px 0 10px;
	}

.pm-long p	{
	line-height: 17px;
	margin: 16px 0 6px;
	}

.pm-long p b	{
	line-height: 20px;
	margin: 0 0 0 6px;
	}

.pm-short h3, .productpopup h3, .pam-text h3 	{
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	}

.pm-short h3 i, .productpopup h3 i	{
	color: #888;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 0 6px;
	}

.pm-short h4, .productpopup h4	{
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	margin: 0;
	}

.pm-tag h3	{
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	}

.pm-tag h4, .pam-text h4 {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 16px;
	margin: 0;
	}


.productmodule a:link, .productmodule a:visited {
	font-size: 11px;
	color: #666;
	font-style: italic;
	text-decoration: none;
	}

.productmodule a:hover, .productmodule a:active {
	color: #762300;
	text-decoration: underline;
	}


a.infolink-e:link, a.infolink-e:visited	{
	cursor: s-resize;
	background: url(../i/bullet1.gif) left no-repeat;
	width: 280px;											/* in ie 5.0, padding just seems to take effect if width is specified INSIDE the a:link etc-tag) */
	padding-left: 17px;										/* text-indent would just shift the whole box, incl. bullet. no use. */
	margin: 10px 0 0;
	}

a.infolink-e:hover, a.infolink-e:active	{
	cursor: s-resize;
	background: url(../i/bullet2.gif) left no-repeat;
	}

a.infolink-c:link, a.infolink-c:visited	{
	cursor: n-resize;
	background: url(../i/bullet1.gif) left no-repeat;
	width: 280px;
	padding-left: 17px;
	margin: 10px 0 0;
	}

a.infolink-c:hover, a.infolink-c:active	{
	cursor: n-resize;
	background: url(../i/bullet3.gif) left no-repeat;
	}


div.tag-form	{
	width: 65px;
	margin: 0;
	padding: 0;
	text-align: left;
	}

input.addbox {
	width: 26px;
	padding: 0;
	margin: 0 0 8px 0;
	font: 12px "Courier New", Courier, monospace;
	}

/* with safari you can't have styled text-buttons. take <input type="image"> instead, that should do the trick. 
(also good for opera who'd always apply borders to textbuttons, even if they're styled)
solution spotted at: http://www.csscreator.com/css-forum/ftopic3434.html - proposed by co2
*/

input.basketbut {
	width: 24px;
	height: 20px;
	background: transparent url(../i/ipt-addbasket.gif) left top no-repeat;
	margin: 0 0 3px 0;
	}

input.basketbut-o {
	width: 24px;
	height: 20px;
	background: transparent url(../i/ipt-addbasket-o.gif) left top no-repeat;
	margin: 0 0 3px 0;
	}

.tellafriend	{
	background: transparent url(../i/icon-friend.gif) left top no-repeat;
	text-align: left;
	vertical-align: bottom;
	width: 66px;
	height: 40px;
	margin: 0;
	padding: 18px 0 0;
	}
	
.errormsg    {
  color: #BE3800;
  vertical-align: middle;
  margin: 5px 0 20px 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 17px;
  font-weight: normal;
  }

.errormsg b    {
  font-weight: normal;
  color: #762300;
  }

a.errorlnk    {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  }
span.letterittext	{
	  vertical-align:top;
	  color: #762300;
  }
		

	/* basic-colourcodes:
	
		wrapperbg light:			#B5B5A5
		wrapperbg dark (ornaments):	#AEAE9F

		contentcol:					#E5E5D8
		margincol / contextframe:	#D7D7C9

		productmodule:				#D1D1C2
		searchfooter:				#AEAE9F

		text:
		normal:						#333
		grey:						#666
		mahagony-red:				#762300

	*/