* { padding: 0; margin: 0; }

body {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 10px auto;
 width: 960px;
 border: 1px solid black;
}
#header {
 width: 960px;
 color: #333;
 padding: 0px;
 height: 82px;
 margin: 0px 0px 0px 0px;
 background: url(../images/header-bg.jpg) repeat-x;
}
.searchbox{
 float:right;
 padding: 27px 30px;
 text-align: right;
}
.searchbox label{
 color: white;
 font-weight: bold;
}
.searchbox span{
 color: black;
 font-weight: bold;
}
.purple-list{
 float:right;
 padding: 30px 30px 20px 30px;
 width: 365px;
 font-weight: bold;
 color: #9e3155;
}
.purple-list li{
 margin: 0px 0px 10px 0px;
 list-style-image:url("../images/bullet.gif");
}
#subhead {
 width: 960px;
 height: 194px;
 color: #333;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: url(../images/sub-head-bg.jpg);
}
#navigation {
 width: 960px;
 color: #333;
 height: 38px;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: url(../images/nav.jpg);
}
#main_nav{
 float: left;
}
#main_nav ul{
 list-style: none;
 padding: 0px 10px;
 float: left;
}
#main_nav li{
 float: left;
 padding: 10px 20px;
 border-right: 1px solid #c5c5c5;
}
#main_nav a:link,#main_nav a:visited{
	color: white;
	text-decoration: none;
	font-weight: bold;
}
#main_nav a:hover{
	color: #c5c5c5;
	text-decoration: underline;
	font-weight: bold;
}
#contenthead { 
 width: 960px;
 color: #333;
 background: url(../images/content-head.jpg);
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 13px;
}
#content { 
 width: 880px;
 color: #333;
 background: url(../images/content-body-bg.jpg);
 margin: 0px 0px 0px 0px;
 padding: 40px 40px 0px;
 overflow: auto;
}
#contentfooter { 
 width: 960px;
 color: #333;
 background: url(../images/content-footer.jpg);
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 13px;
}
#footer { 
 width: 960px;
 color: #333;
 background: url(../images/footer.jpg);
 margin: 0px 0px 10px 0px;
 padding: 0px;
 height: 38px;
 font-size: 10pt;
}
#footer ul {
 list-style: none;
 margin-left: 110px;
 padding: 10px;
 float: left;
}
#footer li {
 margin-right: 30px;
 float:left;
}
#footer a:link,#footer a:visited{
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
#footer a:hover{
	color: white;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: bold;
}
#subfooter { 
 width: 960px;
 color: #000;
 text-align: center;
 font-family: Tahoma,arial;
 font-size: 10pt;
 background: #fff;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}
#comments {
  float:left;
  width:450px;
}

#comment-wrapper {
  position: relative;
}

#commentWrapper { /* required to avoid jumping */
  left: 0px;
  position: absolute;
  width:280px;
}

#comment {
  position: absolute;
  top: 0;
  margin-top: 200px;
  padding: 10px;
  height: 170px;
  color: white;
  font-weight: bold;
  width: 47px;
  background: url(../images/left-bar.gif);
}

#comment img{
	margin: 5px 0px;
}

#comment.fixed {
  position: fixed;
  top: 0;
}
/* CONTENT STYLES */
#content p{
	float: left;
	width: 850px;
	margin: 10px 0px;
	text-align: justify;
}
.img_holder{
	float: left;
	margin: 20px 0px 0px 0px;
}
h2{clear:left;}
h4{clear:left;margin: 10px 0px;}
textarea.html_code{
	background: #bbb;
	padding: 20px;
	border: 2px solid black;
	width: 810px;
	height: 60px;
}

a.compare:link, a.compare:visited{
	color: #2f4c78;
	text-decoration: underline;
}
a.compare:hover{
	color: #c00405;
}
#inputString{
	border: 1px solid #35507b;
	color: #8a99ae;
	height: 19px;
    padding: 3px;
    width: 315px;
}
