body { font:normal 12px verdana,arial,helvetica,sans-serif; color:#000;
	bgcolor:#fff; background:url(/images/bg_tier1.gif) no-repeat 0 0;
	margin:0; padding:0;}

td { font:normal 12px verdana,arial,helvetica,sans-serif; color:#000; }


img {border: 0;}

h1 	{ 
	font: bold 14px verdana,arial,helvetica,sans-serif; 
	color:#039; 
	}

h1.home 	{ 
	font: bold 34px verdana,arial,helvetica,sans-serif; 
	color:#000; text-align:center;
	padding-top:20px; margin-top:0;
	}

h1.faq	{ 
	font: bold 34px/34px verdana,arial,helvetica,sans-serif; 
	color:#000; float:right;
	margin:0; padding:15px 0;
	}

h2 	{ 
	font: bold 14px verdana,arial,helvetica,sans-serif; 
	color:#000;
	}

h3 	{ 
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 14px; 
	color:#000;
	text-align:center;
	}
	
h4 	{ 
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 12px;
	font-weight: bold;	
	color:#000;
	text-align:left;
	}	

p.indent	{margin-left:20px; margin-bottom:2em;}

.bold { font-weight:bold; }
	
.text-large { font-family: verdana,arial,helvetica,sans-serif; font-size: 14px; color:#000 }

.text-red { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color:#900 }

.red { font-size: 12px; color:#fd0000 }

.text-white { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color:#fff }

.required { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color:#900 }

.grey { color:#333; }

.center { text-align:center; }

.clear { clear:both; }
	
.header-blk { font-size: 13px; color:#333; font-weight: bold }

.header-white { font-size: 13px; color:#fff; font-weight: bold }

.header-sm { font-size: 11px; color:#33c; font-weight: bold }

.header-sm-blk { font-size: 11px; color:#333; font-weight: bold }

.header-sm-red { font-size: 11px; color:#c00; font-weight: bold }

.header-sm-white { font-size: 10px; color:#fff; font-weight: bold }

.bottomlinks { 
	text-align:center;
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 10px; 
	color:#000;
	clear:both;
	margin: 30px 0;
	}

.leftnavtext {
	font: bold 10px/12px verdana, arial, helvetica, sans-serif;
	color:#fff;
	text-align:right;
	clear:both;
	width:120px;
	padding:0;
	margin:0;
	float:left;
	}


#leftnav {
        width: 140px;
        padding:0 0 0 10px;
        margin:1em 0 1em 0;
		font: bold 10px/12px verdana, arial, helvetica, sans-serif;
        text-transform:none;
        text-align:right;
        color: #fff;
        clear:both;
        }

html>body #leftnav  {width:130px;} 
/* what we really want - IE 4/5/6 can't see */


        #leftnav ul {
                list-style: none;
                margin: 0;
                padding: 0;
				text-align:right;
                }
                
        #leftnav li { border: 0; margin: 0; }

        #leftnav li a {
                display: block;
                padding: 5px 10px 5px 0.5em;
                color: #fff;
                text-decoration: none;
                width: 100%;
                }

        html>body #leftnav li a {
                width: auto;
                }

        #leftnav li a:hover { color: #fc0; }

        #leftnav li#active a {color:#039; background:url(/images/link_active.gif) no-repeat;}	
	
        #leftnav li#wide a {color:#039; background:url(/images/link_active2.gif) no-repeat;}	
	

.italics { font-family: verdana,arial,helvetica,sans-serif; font-size: 11px; font-style: italic; color:#000000 }

table#maincontent {
	width:750px !important;
	vertical-align:top; 
	border:0;
	margin:0;
	padding:0;

	}

table#order {
	width:800px;
	vertical-align:top; 
	border:0;
	margin:0;
	padding:0;

	}

td#body {
	vertical-align:top; 
 	text-align:left;
 	padding-top:10px;
 	padding-left:20px;
	}

td#body ul {
			padding-left:25px;
			margin-left:25px;
			}
	
td#body ul li {
			list-style-type:square;
			color:#333;
			margin-top:0;
			margin-bottom:.6em;
			line-height:normal;
			}


td#box {
	vertical-align:top; 
 	text-align:left;
 	padding:0;
 	margin:0;
	}


#hyperarts {
	width:120px;
	font:bold 10px/12px arial,helvetica,sans-serif;
	text-align:center;
	background:#fff;
	margin: 1px 0 3px 470px;
	border:1px solid #000;
	border-right:3px double #000;
	border-left:3px double #000;
	padding:0;
	
	}
	
#hyperarts a:link, #hyperarts a:visited { color:#369; text-decoration:none; }
#hyperarts a:active, #hyperarts a:hover { color:#c00; text-decoration:none; }

img.floatl	{
	vertical-align:top;
	float:left;
	padding:0;
	margin:0 20px 20px 0;
	}

img.floatr	{
	vertical-align:top;
	float:right;
	padding:0;
	margin:0 0 20px 20px;
	}

img.lefty	{
	vertical-align:top;
	float:left;
	padding:0;
	margin:0 20px 0 10px;
	}

img.rightway	{
	vertical-align:top;
	float:right;
	padding:0;
	margin:0 10px 0 20px;
	}

.fix { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color:#000000 }

.smalltext { font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; color:#000000 }

.exsmalltext { font-family: verdana,arial,helvetica,sans-serif; font-size: 9px; color:#000000 }

.sixteen { line-height: 16px }
.fifteen { line-height: 15px }
.fourteen { line-height: 14px }
.thirteen { line-height: 13px }


.ul {list-style-type: square }

.ul_mac {list-style-type: circle; margin-top: -11pt }
.ul_win {list-style-type: circle; margin-top: 2pt }

A:link, A:visited { text-decoration: underline; color:#039 }
A:hover, A:active { text-decoration: underline; color:#c00 }


A.redlink:link { text-decoration: underline; color:#c00 }
A.redlink:visited { text-decoration: underline; color:#c00 }
A.redlink:active { text-decoration: underline; color:#fc0 }
A.redlink:hover { text-decoration: underline; color:#fc0 }

A.whitelink:link { text-decoration: underline; color:#fff }
A.whitelink:visited { text-decoration: underline; color:#fff }
A.whitelink:active { text-decoration: underline; color:#fe0 }
A.whitelink:hover { text-decoration: underline; color:#fe0 }


#quoteBox {
	width:265px;
	border:1px dashed #000;
	padding:9px;
	text-align:left;
	float:right;
	clear:both;
	}

#redBox {
	border:1px solid #000; 
	background:#c00; 
	text-align:center; 
	color:#fff; 
	font-weight:bold; 
	margin-bottom:5px;
	width:265px; 
	padding:2px 9px;
	float:right;
	}
	

	
table.ordercallout { 
	padding: none;
	border: 1px solid #039;
	text-align:left;
	width:180px;
	}

table.ordercallout td.topcell { 
	padding: 2px 2px 2px 2px;
	background-color: #039;
	text-align:center;
	border-color: #4195B7;
	font:bold 12px verdana,arial,helvetica,sans-serif;  
	color:#fff; 
	}

table.ordercallout td.bottomcell {padding: 14px 10px 14px 10px;}


table.pricelist { 
	padding:0;
	border:0;
	text-align:left;
	}

	table.pricelist td { 
		font:normal 12px verdana,arial,helvetica,sans-serif; 
		color:#000;
		border-bottom:1px solid #039;
		padding:10px 0 10px 10px;
		vertical-align:bottom;
		}


	table.pricelist td.text { 
		font:bold 12px verdana,arial,helvetica,sans-serif; 
		vertical-align:bottom;
		}

	table.pricelist td.product { 
		border:none;
		padding:15px 0 10px 0;		
		}
		
	table.pricelist td.basket { width:165px; }		
	
	
.homeproduct {
	width:170px;
	text-align:center;
	float:left;
	margin-left:30px;
	}
	
.callout {
	border:1px solid #000;
	background:#ffc400;
	text-align:center;
	color:#00c;
	font-weight:bold;
	width:268px;
	font-style:italic;
	padding:3px;
	}

html>body .callout  {width:260px; } 
/* what we really want - IE 4/5/6 can't see */

.calloutHome { 
	width:268px;
	margin:0;
	border: 1px solid #000;
	border-top:0;
	background:#00f;
	padding: 3px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	}

html>body .calloutHome  {width:260px; } 
/* what we really want - IE 4/5/6 can't see */

	
a.divroll:link, a.divroll:visited {
	text-decoration: none;
	color:red;
	}

a.divroll2:link, a.divroll:visited {
	text-decoration: none;
	}	
	
div#redreviewbox { width:320px; height:165px; text-align:left; border:1px solid #900; margin:15px 0; padding:10px; float:left;}	

html>body div#redreviewbox  {width:300px; height:140px; } 
/* what we really want - IE 4/5/6 can't see */


div#rightreviewbox { width:230px; height:165px; text-align:left; border:1px solid #900; margin:15px 0; padding:10px; float:right;}	

html>body div#rightreviewbox  {width:220px; height:140px; } 
/* what we really want - IE 4/5/6 can't see */



#contentpopup {
	float:left;
	margin: 8px 0 8px 15px;
	text-align:left;
	}

html>body #contentpopup  {margin: 8px 0 8px 25px;} 
/* what we really want - IE 4/5/6 can't see */