/* a fix for IE6 only  \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}
/* THREE COLUMN LIQUID CENTER LAYOUT */
body {
	font: .8em verdana, arial, sans-serif;
	background-color:#dadada;
	}
* {margin:0; padding:0;}
div#main_wrapper {
	min-width:760px; 
	max-width:880px;  
	margin-left:auto; 
	margin-right:auto;
	background-color:#fff;
	} /* centers layout when > max width */
div#header {
	width:auto;
	background-color:#fff;
  margin-top:10px;
  text-align:center;
	}
#threecolwrap {
  float:left;
  width:100%;
  }
#twocolwrap {
 	float:left;
	width:100%;
	display:inline; /* stops IE doubling  margin on float*/
	margin-right:-200px; /* CWS - neg margin move */
	}
#left {
 	float:left;
 	width:150px;
	display:inline; /* stops IE doubling  margin on float*/
	background-color:#fff;
 	}
#middle {
 	width:auto;
 	margin-left:150px;
 	margin-right:200px;
 	height:1%;
	background-color:#fff;
	}
#right {
 	float:left;
 	width:170px; 
	display:inline; /* stops IE doubling  margin on float*/
	background-color:#fff;
	}
#footer {
 	width:100%;
 	clear:both; 
	background-color:#fff;
  font-size:.875em;
 	}
#footer p {
	margin:0;
	}
/* end of structural styles */ 
/* TEXT COLORS */
h1 {
	color:#e00;
	font-size:1.5em; /* 24pt */
	}
h2 {
	font-size:1.375em; /* 22pt */
	line-height:1.25;
	padding:.5em 0 0 0;	
	color:#e00;
	}
h3 {
	font-size:1.125em; /* 18pt */
	line-height:1.25;
	color:#e00;
	}
h4 {
	font-size:1.125em; /* 18pt */
	color:#e00;
	}
h5 {
	font-size:1em; /* 16pt */
	color:#e00;
	}
h6 {
	font-size:.875em; /* 14pt */
	color:#e00;
	}
p  {
	font-size:1em; /* 12pt */
	line-height:1.25; /* on 15pt */
	margin-bottom:.75em; /* 12pts of space */
	color:#000;
 	}

a {
	color:#000;
	}
a:hover, #left a:hover {
	color:#000;
	text-decoration:none;
	}	
/* inner div margin */
#header_inner, #left_inner1, #left_inner2, #middle_inner, #right_inner, #right_inner2 {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#header_inner {
	padding:1em 2em;
	}
#middle_inner {
	padding:0 1em 1em 1.5em;
	}
#footer_inner {
	padding:.5em 10em;
	text-align:center;
	}
/* end inner div margins */

/* basic list styling*/
ul, dl, ol {
		margin:0 1em .75em 1em; /* lists without specific classes */
		font-size:.8em;
		line-height:1.5;}
li, dd {
		padding:0em 0; /* lists without specific classes */
		margin-left:2em;
		}
#left ul {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
    color:#000;
    text-align:right;
		}
#left li, #right li {
	list-style-type:none;
	margin:5px 0 0 0;
	}
#right ul {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
    color:#000;
    }
img {
	border:0;
	}

.float_left {float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */

/* THE ASLETT CLEARING METHOD */
.clearfix:after {
	content: “.”;
	display: block; 
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */ 
.sales {
  font-size:.9em;
  }