* {
 margin: 0;
 padding: 0;
}

body {
 background-color: #FFF;
 font-family: Arial, Verdana, sans-serif;
 font-size: 0.76em;
 color: #000000;
 text-align: center;
 background-image: url(images/bg.gif);
 background-repeat: repeat-y;
}

img {
 border: 0;
}

a:link, a:visited, a:active {
 color: darkred;
}

a:hover {
 color: red;
}

h1, h2, h3, h4, h5 {
 color: #000033;
}

h1 { font-size: 200%; }
h2 { font-size: 135%; }
h3 { font-size: 125%; }
h4 { font-size: 115%; font-weight: bold;}
h5 { font-size: 110%; font-weight: bold; }

p {
 margin-bottom: 15px;
}

.errors {
 font-weight: bold;
 color: red;
}

#toplinks {
 background-color: #FFF;
 width: 100%;
 border-bottom: 1px solid black;
 padding: 5px 0;
 text-align: right;

}

#header {
 background-image: url(images/headerbg.gif);
 background-repeat: repeat-x;
 width: 100%;
 height: 176px;
}

	#header h1 {
	 height: 176px;
	 width: 760px;
	 background-image: url(images/header.gif);
	 background-repeat: no-repeat;
	 text-indent: -9000px;
	 float: left;
	}

	#header #tagline {
	 display: none;
	}

	#homelink {
	 position: absolute;
	 top: 60px;
	 left: 130px;
	 width: 275px;
	 height: 70px;
	 text-decoration: none;
	}

#nav {
 height: 56px;
 background-image: url(images/navbar.gif);
 background-repeat: repeat-x;
 position: relative;
 padding-left: 215px;
 height: 76px;
}

	#nav ul {
	 height: 75px;
	 left: 0;
	 list-style: none;
	}

		#nav li {
		 float: left;
		 letter-spacing: 1px;
		 font-weight: bold;
		 font-variant: small-caps;
		 font-size: 111%;
		}

		#nav a:link, #nav a:visited {
		 display: block;
		 padding-top: 10px;
		 padding-bottom: 8px;
		 padding-right: 10px;
		 padding-left: 10px;
		 color: black;
		 text-decoration: none;
		}

		#nav a:hover {
		 border-top: 1px solid rgb(148,155,163);
		 border-bottom: 1px solid #766670;
		 background-color: #EFEFEF;
		 background: url(images/nav_hover.gif);
		 padding-top: 9px;
		 padding-bottom: 9px;
		 text-decoration: none;
		}


		#block {
		 position: absolute;
		 left: 0;
		 top: -10px;
		 float: left;
		 height: 76px;
		 width: 219px;
		 background-image: url(images/leftblock.gif);
		 background-repeat: no-repeat;
		}

#left {
float: left;
 left: 0;
 margin-top: -15px;
 text-align: left;
 padding-bottom: 15px;
 border-right: none;
 border-left: none;
 width: 201px;
 font-family: Verdana;
}

	#left p { padding-left: 15px; }

	#left div {
	 padding-top: 15px;
	 padding-bottom: 15px;
	 border-bottom: 1px solid black;
	}

		#left h2 {
		 padding-left: 15px;
		 font-size: 110%;
		 margin-bottom: 5px;
		}

		#left div.info {
		 background-color: #FFF;
		}

		#left li a:link, #left li a:visited, #left .active {
		 list-style: none;
		 display: block;
		 padding-left: 30px;
		 padding-bottom: 10px;
		 padding-top: 8px;
		 text-decoration: none;
		}

			/* IE hack, to fix problem with lists */
			* html body #left li a:link, * html body #left li a:visited { height: 1px; }

		#left .active {
		 background-color: #FFF;
		 border-top: 1px solid black;
		 border-bottom: 1px solid black;
		}

		#left li a:hover {
		 background-color: #6487DC;
		 color: #FFF;
		}

#content {
 font-family: Arial;
 text-align: left;
 margin-left: 220px;
 padding-bottom: 20px;
 padding-right: 20px;
}

	.hspecial {
	 color: #FF0000;
	 color: #F70000;
	 font-weight: bold;
	 letter-spacing: 2px;
	 font-variant: small-caps;
	 font-size: 190%;
	 font-weight: normal;
	 background-image: url(images/hspecial.gif);
	 background-repeat: no-repeat;
	 height: 37px;
	 padding-left: 40px;
	 padding-top: 7px;
	}

#footerbar {
 background-image: url(images/footerbar.gif);
 background-repeat: repeat-x;
 height: 63px;
}

	#footer {
	 font-family: Verdana;
	 font-size: 0.8em;
	 color: #FFF;
	 font-weight: bold;
	 position: relative;
	 padding-top: 30px;
	 background-image: url(images/footerblock.gif);
	 background-repeat: no-repeat;
	}

	#footer a:link, #footer a:visited {
	 color: #FFF;
	}

#featured {
 background-image: url(images/featured.gif);
 width: 519px;
 height: 197px;
 margin-bottom: 15px;
 padding-left: 20px;
}

	#featured a {
	 display: block;
	 background-color: #FFF;
	 border: 1px solid black;
	 padding-right: 5px;
	 padding-top: 5px;
	 width: 80px;
	 float: left;
	 margin-right: 15px;
	 margin-top: 75px;
	}

#content ul {
 margin-left: 15px; 
 margin-bottom: 10px;
}

.purchase {
 border: 1px dotted #999;
 padding: 10px;
 background-color: #EEEEEE;
 margin-bottom: 15px;
 clear: right;
}

div#summary {
 display: block;
 margin-right: 16%;
 width: 200px;
 float: right;
}

div.row {
 padding-top: 7px;
 clear: both;
}

div.row span {
 display: block;
 float: left;
 width: 140px;
 text-align: right;
 padding-right: 25px;
}

.grandtotal {
 font-weight: bold;
 color: darkred;
}

#items {

}

#items td {
 padding-top: 5px;
}

.sep {
 border-bottom: 1px solid gray;
 padding-bottom: 10px;
}

#update {
 float: left;
}

.checkout {
 display: block;
 float: right;
 font-weight: bold;
 font-size: 1.1em;
 margin-bottom: 7px;
}

div#applycoupon {
 margin-top: 70px;
 width: 300px;
}

#paypalimg { 
 float: left;
 display: block;
 margin-right: 10px;
}

#paypalbutton {
 border: 0;
 background-color: #FFF;
 cursor: pointer;
 border-bottom: 1px solid darkred;
 color: darkred;
 font-weight: bold;
}

/* Contact Form */
#contactform input, #contactform textarea, #contactform select {
 background-color: #EFEFEF;
 border: 1px solid #000;
 color: #000000;
 font-family: geneva, tahoma, verdana, arial, helvetica, sans-serif;
 font-size: small;
 clear: both;
}

#contactform input:focus, #contactform textarea:focus{
 background-color: #FFF;
}

#contactform .row {
 padding-top: 7px;
 clear: both;
}

#contactform textarea {
 width: 225px;
 height: 220px;
}

#contactform input, #contactform select {
 width: 225px;
}

fieldset#contactform {

 padding: 10px;
 padding-left: 40px;
 border: 1px solid #000;
 width: 469px;
}

#contactform legend {
 font-family: verdana, arial, helvetica, sans-serif;
 padding: 0px 20px;
 font-size: 1.4em;
}

#contactform label {
 display: block;
 float: left;
 width: 140px;
 text-align: right;
}

#contactform div.submit {
 text-align: right;
 padding: 10px 78px;
 clear: both;
}

#contactform .submit {
 padding: 5px 15px;
 font-weight: bold;
 font-family: Verdana;
 cursor: pointer;
 width: auto;
 font-size: 0.95em;
}

#contactform div.row span.spacer {
 text-align: left;
 float: right;
 width: 280px;
}


ul.sitemap, ul.sitemap ul {
 list-style: none;
}

ul.sitemap > li {
 margin-bottom: 10px;
 font-weight: bold;
}

ul.sitemap > li li {
 font-weight: normal;
}




#phpformbox {  left: 250px; }
#phppaging {  left: 350px; }
#phpdatagrid {  left: 450px; }

.hspecial {
 color: #FF0000;
 color: #F70000;
 font-weight: bold;
 letter-spacing: 2px;
 font-variant: small-caps;
 font-size: 190%;
 font-weight: normal;
 background-image: url(images/hspecial.gif);
 background-repeat: no-repeat;
 height: 37px;
 padding-left: 40px;
 padding-top: 7px;
}

.checkout_steps {
 list-style: none;
 margin-bottom: 10px;
 text-align: center;
}

.checkout_steps li {
 border: 1px solid black;
 padding: 5px;
 display:inline;
 background-color: #EFEFEF;
 margin-right: 5px;
}

.checkout_steps a:link, .checkout_steps a:visited, .checkout_steps a:hover {
 text-decoration: none;
 color: #000;
}

.checkout_steps li.active {
 background-color: #FFFFCC;
}

.formtable th {
 text-align: right;
 padding: 1px;
}

.formtable td {
 text-align: left;
 padding: 1px;
}

.line1 {
 height: 1px;
 color: #000;
 background-color: #000;
 border: 0;
 margin-bottom: 15px;
}

.newsitem {
 border-bottom: 1px solid black;
 margin-bottom: 15px;
}

.newsitem h4 {
 font-size: 100%;
}

.newsitem .byline {
 font-style: italic;
}

.screenshots img {
 border: 1px solid black;
 padding: 1px;
}

.screenshots td {
 text-align: center;
 padding-bottom: 15px;
}

.newticket td {
 padding-bottom: 10px;
}

.newticket th {
 font-size: 120%;
}

.newticket input{
 padding: 3px;
 font-size: 130%;
}

.newticket textarea {
 font-family: Arial, Times New Roman;
 font-size: 100%;
}

.newticket option {
 padding: 0 5px;
}

.error {
 font-weight: bold;
 color: red;
}