/* general */

body{

	background-image:url(../img/grey.jpg);
	background-repeat:repeat-x;
	
}

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

a:link{
	color:#EFFAF8;
	text-decoration:none;
}

a:visited{
	color:#EFFAF8;
	text-decoration:none;
}

a:active{
	color:#EFFAF8;
	text-decoration:none;
}

a:hover{
	color:#666666;
	text-decoration:none;
}

table{
	border:none;
}

td{
	padding: 2px;
	border:none;
}

tr{
	border:none;
}

h1 {
  font-size: 138.5%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #333333;
  margin-top: .3em;
  margin-bottom: .3em;
	text-transform:uppercase;
}

h3{
	margin:0;
	white-space:nowrap;
}

h3{
	font-size:130%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	color:#ffffff;
	text-transform:uppercase;
	
}

h4{
	margin:0;
	white-space:nowrap;
}

/* Used for headings at the top of forms. */
h6 {
	font-size:130%;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
  font-weight: bold;
}

h6 a{
	text-decoration:none;
}

h6 a:link{
	text-decoration:none;
}

h6 a:visited{
	text-decoration:none;
}

h6 a:hover{
	text-decoration:none;
}


input{
	margin:0.2em 0.2em 0.2em 0.1em;
	padding:0.2em;
	background-color:#CCCCCC;
	border:none;
	color:#333333;
}

select{
	max-width:500px;
	margin:0.2em 0.2em 0.2em 0.1em;
	padding:0.2em;
	background-color:#cccccc;
	border:none;
	color:#333333;
	
}


form.listing{
	padding:0.2em;
	background-image:url(../img/bgroundgradient.jpg);
	background-repeat:repeat-x;
	border-width:1px;
	border-color:#cccccc;
	border-style:dotted;
}


form.grey{
	padding:0.2em;
	background-color:#424242;
	border-width:1px;
	border-color:#cccccc;
	border-style:dotted;
	
}

textarea{
	margin:0.2em 0.2em 0.2em 0.1em;
	padding:0.2em;
	background-color:#cccccc;
	border:none;
	color:#333333;

}

.checkbox{
	margin:0.2em 0.2em 0.2em 0.1em;
	padding:0.2em;
	background-color:#cccccc;
	border:none;
	color:#333333;
}

.buttons {
	padding:0.1em;   
 	background-color: #67afdb;  
 	border:none;
 	color: #FFFFFF;  
}

.buttons_form {
	margin:0.5em 0 0.5em 0;
	padding:0.2em;   
 	background-color: #67afdb;  
 	border:none;
 	color: #FFFFFF;
	font-weight:bold;  
}

#doc4{
	
}

#logo{
	float:left;
}

#hd {
	background:url(../img/grey.jpg);
	background-repeat:repeat-x;
	margin:0 0 1.5em 0;
	background-color:#FFFFFF;
}

#hd_right {
	float:right;
	width:285px;
	margin-right:0.5em;
	padding: 0.4em;
 	text-align: left;
	background-color:#424242;
	border-color:#67afdb;
 	border-width:0 1px 1px 1px;
 	border-style:solid;
	color:#ffffff;
}

#hd_right label {
  font-weight: bold;
}

#login_area label {
  float: left;
  margin-top: 0.7em;
  width: 6em;
}

#login_area input {
  float: left;
}

#login_area button {
  float: left;
  margin: 0.5em;
}

#content_wrap{
	width:100%;
	margin:0;
	padding:0.3em;
	background-color:#ffffff;
}

#left_column{
	float:left;
	margin:0;
	width:670px;
	background-color:#FFFFFF;

}

#right_column{
	float:right;
	padding-right:0.5em;
	margin:0;
	width:270px;
}


#search {
 	width:250px;
	margin: 0.5em 0 0 0;
  padding: 0.7em;
	background-color:#424242;
  border-color:#CCCCCC;
  border-width:1px;
  border-style:solid;
	text-align:left;
}
#popular {
	width:250px;
	margin:0.7em 0 0 0;
 	padding: 0.7em;
	background-color:#424242;
  border-color:#CCCCCC;
  border-width:1px;
  border-style:solid;
}

#popular ul{
	display:block;
	margin:0;
	list-style-type:none;
}

#popular li{
	color:#1091D7;
	list-style-type:none;
	margin:0.4em 0 0.4em 0;
	padding:0.2em;
	background-color:#FFFFFF;
	border:#666666;
	border-style:solid;
	border-width:1px;
	font-size:110%;
}

#popular li a{
	color:#1091D7;
}

#popular li a:active{
	color:#1091D7;
}

#popular li a:visited{
	color:#1091D7;
}

#popular li a:hover{
	color:#666666;
}

#nav {
	margin:0;
	width:100%;
	font-size:105%;
	font-weight:bold;
}

#nav ul{
	display:inline;
	margin:0;
}

#nav li {
	display:inline;
	margin:0 0.4em 2px 0;
	padding: 4px 0.4em 0 0.4em;
	list-style-type:none;
	background-color:#ffffff;
	background-image:url(../img/list.jpg);
	background-repeat:repeat-x;
}

#nav li.not_current {
	margin:0 0.4em 2px 0;
	font-weight:normal;
}

#nav li.current{
	margin:0 0.4em 0 0;
	padding: 4px 0.4em 1px 0.4em;
	background-color:#FFFFFF;
	color:#1091D7;	
}

#nav li.current a {
  color:#1091D7;  
}

#nav li a {
	color:#666666;
	text-decoration:none;
}

#nav li a:hover {
	text-decoration:none;
	color:#1091D7;
}

#ft {
  background-color: #424242;
  margin: 0.3em 0 0 0.3em;
  padding:0.2em;
  text-align: center;
  color:#FFFFFF;
}

#buy_button {
	height:128px;
	width:103px;
	font-weight:bold;
	font-size: 108%;
	
	font-weight: bold;
	background-color: #ffffff;
	background-image:url(../img/codebox.jpg);
	background-position:center;
	background-repeat:no-repeat;
  
  float: right;
}

.buy{
	font-size:110%;
	margin: 60px 5px 10px 5px;
	text-align:center;
}


.buy a{
	margin: 60px 5px 10px 5px;
	text-align:center;
	color:#333333;
	text-decoration:none;
}

.buy a:link{
	margin: 60px 5px 10px 5px;
	text-align:center;
	color:#333333;
	text-decoration:none;
}

.buy a:visited{
	margin: 60px 5px 10px 5px;
	text-align:center;
	color:#333333;
	text-decoration:none;
}

.buy a:hover{
	margin: 60px 5px 10px 5px;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
}

#top_div {
	width: 1008px;
	margin: 0 auto;
	text-align: left; /* override the body text-align: center; */
}

#feedback {
	margin:0.5em 0 0.5em 0;
 	text-align: left;
	font-weight: bold;
	font-size: 108%;	
	border-width:1px;
	border-color:#CCCCCC;
	border-style:dotted;	
	background-image:url(../img/bgroundgradient.jpg);
	background-repeat:repeat-x;
}

.stars{
	margin:0.3em 0 0.3em 0;
}

.desc{
	margin: 0.5em 0 1em 0;
	color:#666666;
}

.on_grey a{
	color:#71C3F9;
}

.on_grey a:link{
	color:#71C3F9;
}

.on_grey a:visited{
	color:#71C3F9;
}

.on_grey a:hover{
	color:#ffffff;
}

.leader{
	
}

.input_req {
  color: blue;
}

.error {
  color: red;
}

.notice {
	color: green;
}

/* horizontal-layout forms */
form.hz input, form.hz select {
	margin: 0.5em;
	font-weight:normal;
}

form.hz div.form_field {
 	display: inline;
	font-weight:bold;
}

/* vertical-layout forms */

form.vt {
	padding: 0.7em 0 0.7em 0;
	background-image: url(../img/bgroundgradient.jpg);
	background-repeat: repeat-x;
	border-width: 1px;
	border-color: #cccccc;
	border-style: dotted;
}

form.vt label {
  clear: left;
  float: left;
  width: 120px;
  font-weight: bold;
  padding: 0.2em;
}

form.vt input,
form.vt select,
form.vt textarea {
  display: block;
  clear: right;
}

/* narrow vertical-layout forms */
form.vtn label {
  clear: left;
  float: left;
  width: 75px;
}

/* wide-labelled vertical-layout forms */
form.vtw {
	padding: 0.7em 0 0.7em 0;
	background-image: url(../img/bgroundgradient.jpg);
	background-repeat: repeat-x;
	border-width: 1px;
	border-color: #cccccc;
	border-style: dotted;
}

form.vtw label {
  clear: left;
  float: left;
  width: 18em;
  font-weight: bold;
  padding: 0.2em;
}

form.vtw input,
form.vtw select,
form.vtw textarea {
  display: block;
  clear: right;
}

form.vtw .submit {
  margin-left: 18.6em;
}

form.vtw .box_field {
  padding: 2px;
 	display: block;
	font-weight: bold;
}

p {
  margin-bottom: 0.8em;
}

ol li {
  list-style: decimal;
  margin-left: 2em;  
}

ul li {
  list-style: disc;
  margin-left: 2em;
}

h2 {
  font-size: 146.5%;
  font-weight: bold;
  color:#333333;
}

h4 {
  font-size: 108%;
  font-weight: bold;
  margin-top: 1em;
  color:#333333;
}

h4.first {
  margin-top: 0;
  color:#333333;
}

h5 {
  font-size: 146%;
  margin-bottom: 0.5em;
  color:#333333;
}

h7 {
	font-size:185%;
	margin:0;
	color:#333333;
	line-height:115%;
}

.ferr {
  background-color: #ffa6a6;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}