/* CSS Document */

/*New Code 5.6.06 Randy Caruso: www.randycaruso.com. */

a:hover { /*this effect is not shown in NN4.xx*/ color: #FF0000; text-decoration: underline; }
  
a:active { /*colour in NN4.xx is red*/ color: #D0690D; text-decoration: underline; }
  
a:link { color: #D0690D; text-decoration: underline; }  

a:visited { color: #D0690D; text-decoration: underline; }
	
body {
	xbackground: White url(images/puremints-header-repeat.gif) repeat-x 0 -21px ;
	margin: 0;
	padding: 0;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin: 0 0 16px 0;
	padding: 0;
}
	
.pic-on-right { margin: 0 0 10px 12px; }
.pic-on-left { margin: 0 12px 0 0; }
.cat-on-right { margin: 0 0 20px 12px; }
.home-pic { margin: 0 0 60px 12px; }
li {
	font-family: Arial, Helvetica, sans-serif;
	list-style: square;
	margin: 0 0 5px 0;
	font-size: .9em;
}	
#hometext { width: 297px; }
#content  {
	margin: 20px 0 30px 30px;
	padding: 0;
	width: 720px;
}
	
#body_width { width: 675px; margin-top: 0px; }

#intro {margin: 36px 0 0 0;}

#intro2 h2 {
	font-size: 90%;
	margin: 12px 0 0 0;
}


.pay-attention { color: red; }

h1{ display:none;}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.4em;
	text-decoration: none;
	word-spacing: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	text-align: left;margin:0; padding:0;
}
.h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
}
.h5 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#announcement h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	xpadding: 0 0 15px 0;
}


#announcementbox {
	padding: 16px;
	background-color: #D9A877;
	xwidth: 680px;
}

#announcementbox h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	margin: 0 0 8px 0;
	padding: 0;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}

#announcementbox h2 a{ color: #BB0000; }
#announcementbox a { color: #fff; }
#announcementbox p { font-size: 14px; }




#headerwrap {
	height: 165px;
	width: 100%;
	background: url(images/puremints-header-repeat.gif) repeat-x;
}
#headerwrapleft {
	float: left;
	height: 165px;
	width: 10px;
	background: url(images/puremints-header-left.gif) no-repeat;
}
#headerwrapright {
	float: right;
	height: 165px;
	width: 10px;
	background: url(images/puremints-header-right.gif) no-repeat;
}
#header {
	float: left;
	width: 776px;
	height: 165px;
	background: url(images/puremints-header.jpg) no-repeat;
}

#headerquote {
	float: left;
	width: 235px;
	margin: 40px 0 0 20px;
	xcolor: white;
	font-size: 1.1em;
}
#headerquote p { font-family: georgia, times, helvetica, sans-serif; }


#quote {
	width: 175px;
	margin: 15px;
	xcolor: white;
	font-size: 1.1em;
	font-family: georgia, times, helvetica, sans-serif;
}
#quote p { font-family: georgia, times, helvetica, sans-serif; }

.required { color: red; }

.productstable {
	margin: 0 0 40px 0;
	border-bottom: 1px solid Silver;
	padding: 0 0 15px 0;
}

.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10 px; line-height: 22px; }
.underline { color: #FF0000; text-decoration: underline; }


.h4_highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	color: #D0690D;
}



#testimonials { xwidth: 600px; margin: 0 0 0 0px; }
#testimonials h3 {
	color: #5C5C5C;
	font-size: .9em;
	font-weight: normal;
}

#navigation { width: 200px; }


#navigation a {
	font: 14px Arial, Helvetica, sans-serif;
	color: #1F2669;
	line-height: 20px;
	text-decoration: none;
	display: block;
	padding: 5px 0px 8px 0px;
	background: url(images/nav/nav_off.gif) no-repeat;
	width: 200px;
	text-indent: 50px;
}
	
#navigation a:hover {
	color: #FF0000;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 20px;
	background: url(images/nav/nav_on.gif) no-repeat;
}
	
#navcell { width: 200px; background: url(images/navTile.jpg) repeat-y; }
	
	

	
.h4_body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 600px;
	margin-top: 8px;
}
#photoright {
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin-right: -300px;
}

.floatright
{
	float: right;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-left: 12px;
	border-width: 1;
}
.floatright2
{
	float: right;
	width: 354px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-left: 12px;
	padding-bottom: 8px;
}
.floatrightnofont {
	float: right;
	width: 300px;
	padding-left: 12px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.floatleftnofont
{
	float: left;
	width: 270px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-top: 10px;
}
.presshighlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #D0690D;
}
<div id="header" onclick="location.href='page2.html';" style="cursor:pointer;" ></div>