*{
/* set the fonts to a uniform size, including form fields as well as all headings etc. */
	font-size:12px;
	margin:0;
	padding:0;
	
}

img {
	border: 0;
}

html, body {
		padding: 0;
		border: 0;
		margin: 0;
		}

body {
	text-align:center; /* IE hack for centering */
	color: #fff;
	font-size: 75%;
	font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;

}

a {	font-size: 1em;	}

/* ---- presentational elements ----- */

h1, h3, h4 {	
	margin: 0;
	padding: 0;
}
 
h2 {	
	margin: 10px 0 0 0;
}
h1 {	font-size: 133% }
h2 {	font-size: 120% }
h3 {	font-size: 110% }
h4 {	font-size: 105% }



#page {
		width: 800px;
		margin: 0 auto;
	background: #fff url(img/demo_back.jpg) no-repeat;
}

#wrapper2col {
	clear: both
/*	float: left;*/
	width:800px;
	margin: 0px;
	padding: 0;
/* recover from ie5 work around on the body*/
	text-align:left;
	background: #fff url(img/wrapper2col_bg.gif) 0 0 repeat-y;
	/* use background images to create columns?*/
}

#header {
	height: 142px;
	width:750px;
	margin-bottom: 4px;
	color:#ffffff;
	font-size: 1%;
	float: none;
}
		

#footerContainer {
	height: 70px;
	clear: both;
	background: url(img/footer_bg.gif) 0 bottom no-repeat;
}


/* --- header ---- cleverness from BryanBell.com */
#header h1 {
		position: absolute;
		display: block;
		margin-top: 10px;
		margin-left: 10px;
		z-index: 90; 
		text-indent: -3000px;
		}
#header h1 a { /*'hides the actual textlink for the header */
		display: block;
		height: 200px;
		width: 200px;
		text-indent: -3000px;
		text-decoration: none;
		/*border: 1px solid #555;*/

}

#hans {
	position: relative;
	left: 6px;
	top: -160px;
	width: 220px;
	z-index: 99;
}

/*--------- top navigation ---------*/
#topNav {
	position: relative;
	text-align: right;
	top: 112px;
/*	margin-top: 133px;*/
	/*margin-left: 200px;*/
	color: #ff9900;
	font-weight: bold;
 /*background: #555;*/
}

#topNav ul {
	padding: 0;
	margin: 0;
	background: none;
}


#topNav li {
	display: inline;
/*	font-size: 11px;*/
	list-style-type: none;
	padding: 0 5px;
	font-size: 11px;
}

#topNav a {
		font-size:11px;
		font-weight: normal;
		text-decoration: none;
		color: #fff;
		padding: 0 0;
}
		

#topNav a#current 	{
		padding: 2px 0;
		color: #888;
		border-bottom: 2px solid #888;

}

#topNav a:hover,
#topNav a:hover#current {
		padding: 2px 0;
		color: #ff6600;
		border-bottom: 2px solid #ff6600;
}


/*---------- containers ------------*/

/* -- main container holds the columns ¤--*/

#main-container { /*used only for the 2 column design*/
	margin: -220px auto 0; /* center the container within wrappercol */
	width:780px;
}

/* could use inline styles to specify the width of certain elements*/

/*---------- main columns ------------*/
#content2col { /* left floated in main-container*/
	float: right;
	width: 500px;
	padding: 23px 10px;
	padding-right: 45px;
	/*background: #449902;*/
}

#sub-content {
	float: right;
	width: 170px;
	/*background:#8F927F;*/
}

#side-navigation { /*bg for nav is bg for container*/
	float: left;
	margin-top: 60px;
	padding: 0 6px;
	width:155px;
	background: none; /*#C9C192;*/
}

/* ---- general presentational elements ----- */

p {
 	padding: 0px 0 10px 0; /* acts weird seems to override all other p */
 	font-size: 98%;
}

a {
	text-decoration: none;
	color: #555;
}

a:hover {
	text-decoration: underline;
	color: #f60;
}

#side-navigation h3 {
	font-size: 120%;
} 

/* -------- lists -------- */



#side-navigation ul {
	list-style: none;
	margin-top: 0;
	padding: 0;

}

#side-navigation ul li {
	margin: 5px 0 0 0; 

	font-weight: bold; 
	line-height: 14px;	

	}
	
#side-navigation ul.level2 li {
	background: url(img/arrow.gif) no-repeat 0 0.1em;
	padding-left: 13px;
    margin: 1px 0 0 0; 
	font-weight: bold;
	}
	
#side-navigation ul.level3 li {
	background: url(img/arrowx.gif) no-repeat 0 0.1em;
    margin: 0 0 0 0; 
	font-weight: normal;
	padding-left: 0; /* for IE only*/	
	}
html>body #side-navigation ul.level3 li { /* hide from IE/WIN */
	padding-left: 13px;
}


#side-navigation ul li a {
	font-size: 12px;
	text-decoration: none;
	color: #600;
}

#side-navigation ul li a:hover {
	text-decoration: none;
	color: #000;
	padding: 0;
    margin: 0 0 0.5em 0;
}


/* ----- table presentation ----- */

#tableStyleOne {
	margin-left: 62px;
	margin-top: 98px;
	width: 410px;
	padding: 0;
}

#tableStyleOne caption {
	padding: 0 0 5px 0;
	width: 500px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}


#tableStyleOne th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	border-right: 1px solid #D4B28F;
	border-bottom: 1px solid #D4B28F;
	border-top: 1px solid #D4B28F;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 6px;
	background: #865D3A url(img/bg_header.jpg) no-repeat;
}



#tableStyleOne th.nobg {
	border-top: 0;
	border-left: 1px solid #D4B28F;
	border-right: 1px solid #D4B28F;
	background: #fff;
	color: #865D3A;
}
#tableStyleOne th.first {
	color: #fff;
}

#tableStyleOne td {
	width: 72px;
	border-right: 1px solid #D4B28F;
	border-bottom: 1px solid #D4B28F;
	padding: 6px 6px 6px 6px;
	color: #865D3A;
	text-align: center
}

#tableStyleOne tr.ordertotal {
	background: #FFA96F;
	color: #797268;
	font-weight: bold;
}

#tableStyleOne tr.ordertotal td,
#tableStyleOne tr.ordertotal th {
	background: #FFA96F;
	border-right: 1px solid #E59864;
	border-bottom: 1px solid #E59864;
	border-top: 1px solid #E59864;
	text-align: right;
}

#tableStyleOne tr.ordertotal th {
	border-left: 1px solid #E59864;
}

#tableStyleOne tr.ordertotal td {
	text-align: center;
}

#tableStyleOne tr.clearrow td {
	border: 0;
}

#tableStyleOne tr.delivery th {
	background: none;
	text-align: right;
}

#demoSaleItems {
position: relative;
	width: 650px;	
	margin-left: 84px;
	margin-top: 20px;
	border: 1px solid #D4B28F;
	border-width: 3px 1px;	
	padding: 4px;
	color: #865D3A;
	text-align: left;
}

#demoSaleItems h1 {	padding-bottom: 4px;	}

#demoSaleItems img {
	border: 1px solid #666;
	float: left;
	margin-right: 10px; 
}

#demoSaleItems .content {
	margin-left: 215px;
}

#demoSaleItems p {
	line-height: 14px; 
	z-index: 10;
}

#demoSaleItems .salePrice {
	color: #CB7313;
	font-size: 110%;
	font-weight: bold;
}

#demoSaleItems .newPrice {
	color: #CB7313;
	font-size: 80%;
	font-weight: bold;
}

#demoSaleItems .callUs {
	margin-top: 14px;
	color: #600;
	font-size: 140%;
	font-weight: bold;
}

#demoSaleItems .callUs a {
	font-size: inherit;
	font-weight: inherit;
}

#demoSaleItems a, #infoBox a {
	text-decoration: underline;
}

.bignumbers {
	position: absolute;
	top: 0px;
	right: 10px;
	color: #D4B28F;
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-style: italic;  
	z-index: 0;
	padding-top: 0px;
	text-align: right;
}

#howToOrder, #infoBox {
	width: 650px;	
	margin-left: 84px;
	margin-top: 20px;
	border: 1px solid #D4B28F;	
	padding: 4px;
	color: #865D3A;
	clear: both;
}

#howToOrder h2 {
	padding: 0;
	margin: 0;
	font-size: 14px;
}

#infoBox {
	text-align: left;
}

#infoBox h2 {
	padding: 0;
	margin: 0;
	font-size: 20px;
}

#footer {
	width: 650px;	
	margin: 20px 0 20px 84px ;
	text-align: center;
	color: #000;
	font-weight: bold;
}



.clearfix {
    clear: both; 
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */