* {

	margin: 0;

	padding: 0;

} 

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, dl, fieldset, address {

	margin: 1em 0;

}

ol, ul {

	margin: 1em 0 1em 3em;

}

li, dd {

	margin-left: 15px;

}

fieldset {

	padding: .5em;

}



body {

	background: #E0D6AF url('/assets/images/bg-body.jpg') top center repeat-x;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #666666;

	line-height: 1.5;

	margin-top: 0px;

}

a:active, a:visited, a:link	{

	color: #996600;

	text-decoration: none;

}

a:hover	{

	text-decoration: underline;

}

h1, h1 a, h1 a:visited {

	color: #996600;

	font-size: 18px;

}

h2, h2 a, h2 a:visited {

	color: #996600;

	font-size: 16px;

}

h3 {

	color: #999900;

	font-size: 14px;

	font-weight: bold;

	padding: 0 2px;

	margin: 0;

	word-spacing: 3px;

	letter-spacing: 1px;

	text-transform: uppercase;

}



/* IDs */

#container {

	width: 960px;

	background-color: #FFFFFF;

	border-left: 1px solid #666666;

	border-right: 1px solid #666666;

	margin: 0px auto;

}



#toplinks {

	text-align: right;

}

#user {

	float: right;

	padding: 21px 20px 0 0;

}

#logo {

	height: 130px;

}



#nav {

	position: relative;

	left: 110px;

	width: 650px;

	height: 27px;

}

#nav ul {

	list-style: none;

	margin: 0;

	padding: 0px 0px 0 2px;

}

#nav li {

	display: inline;

	margin: 0;

	padding: 0;

}

#nav a {

	float: left;

	background: url(/assets/images/menuleft.gif) no-repeat left top;

	margin: 0;

	padding: 0 0 0 4px;

	text-decoration: none;

}

#nav a span {

	float: left;

	display: block;

	background: url(/assets/images/menuright.gif) no-repeat right top;

	padding: 5px 15px 4px 6px;

	color: #10297A;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#nav a span {

	float:none;

}

/* End IE5-Mac hack */

#nav a:hover span {

	color:#000066;

}

#nav a:hover {

	background-position:0% -42px;

}

#nav a:hover span {

	background-position:100% -42px;

}

#subnav {

	background: #10297A;

	border-bottom: 2px solid #87703F;

	margin: 0 0 1px 0;

}

#subnav ul {

	list-style: none;

	margin: 0;

	padding: 4px;

}

#subnav li {

	display: inline;

}

#subnav a {

	color: #FFFFFF;

	margin: 0;

	padding: 0 0 0 4px;

	text-decoration: none;

}

#subnav a:hover {

	text-decoration: underline;

}

#subnav-discover, #subnav-resources, #subnav-shop, #subnav-getcentered {

	display: none;

}

.discover #subnav-discover, .resources #subnav-resources, .shop #subnav-shop, .getcentered #subnav-getcentered {

	display: block;

}



#banner {

	clear: left;

	background: url(../../images/banner-bg.jpg);

	height: 150px;

}

* html #banner {

	margin-left: 0;

}



#content {

	background-color: #FFFFFF;

	padding: 0.5em 1em;

	max-width: 740px;

}

* html #content {

	height: 1%

}

* > html #content {

	height: auto;

}



/* 2 COLUMN LAYOUT */

#left-col {

	float: left;

	width: 470px;

}

#right-col{

	float: right;

	width: 200px;

	color: #999999;

	font-size: 1em;

	letter-spacing: 0px;

	line-height: 1.5em;

	margin: 0 0 20px 20px;

	padding: 0;

}



#footer {

	clear: both;

	background-color: #ECECEC;

	border-top: 1px solid #CCCCCC;

	margin: 50px 0 0 0;

	padding: 10px;

	text-align: center;

}



/* What is PC page */

#what-is #left-col {

	width: 370px;

}

#what-is #right-col {

	width: 320px;

}



#pcproducts #right-col div {

	text-align: center;

	border-top: 1px solid #999999;

	padding: 10px 0;

	margin: 10px 0;

}



/* Login */

#login #left-col {

	line-height: 1;

	width: 350px;

}

#login #right-col {

	border-left: 1px solid #999999;

	padding-left: 15px;

	width: 340px;

}

#register #left-col {

	width: 370px;

}

#register #right-col {

	width: 330px;

}

#register li {

	margin-left: 0;

}



/*~~~~~~~~~~~styles~~~~~~~~~~~~~~~*/

.style4 {

	font-size: 16px

}

.style5 {

	font-size: 12px;

	color: #CCCCCC;

}



.biosummary {

	background: #EFEFEF;

	border: 1px solid #666666;

	margin: 0;

	padding: 1em;

	text-align: justify;

}

.center {

	text-align: center;

}

.clearit {

	clear: both;

}

.event {

	width: 98%;

	border: 1px solid #CCCCCC;

	margin-bottom: 15px;

	padding: 5px;

}

.event h3 {

	margin-top: 15px;

}

.event p {

	margin: 0px;

}

.event td {

	padding: 0 10px 0 10px;

}

table.grid {

	border-collapse: collapse;

}

.grid td {

	border: 1px solid #CCCCCC;

	padding: 5px;

	vertical-align: top;

}

.grid th {

	background-color: #CCCCCC;

	font-weight: bold;

	text-align: center;

	padding: 5px;

	margin: 0;

} 

.grid .bg1 {

	background-color: #FFFFFF;

}

.grid .bg2 {

	background-color: #EEEEEE;

}

.highlight {

	background-color: #999966;

	color: #FFFFFF;

	font-size: 12px;

	padding: 5px;

	text-align: center;

	line-height: 1.4;

}

.left {

	float: left;

}

.listing td {

	border-bottom: 1px solid #CFCFCF;

	border-left: 1px solid #CFCFCF;

	margin: 0;

	padding: 10px;

}

.listing .thumb {

	border-left: none;

}

.listing .thumb img {

	border: 1px solid #CFCFCF;

}

table.product {

	border-collapse: collapse;

}

.product th {

	background: #897342;

	color: #FFFFFF;

	font-size: 12px;

	text-transform: uppercase;

	padding: 1em;

}

.product td {

	border-bottom: 1px solid #CCCCCC;

	padding: 5px 5px 20px 5px;

	vertical-align: top;

}

.product ul {

	margin-left: 0;

}

.product .specs {

	width: 220px;

	padding-right: 10px;

	margin-right: 10px;

}

.product .desc {

	font-size: 12px;

}

.product .title {

	font-weight: bold;

	text-transform: uppercase;

}

.right {

	float: right;
    }

.small {

	font-size: 9px;

}

.success {

	padding: 0 0 0 5px;

	margin: 0 0 3em 0;

	border-top: 1px solid #333333;

	border-left: 1px solid #333333;

	text-align: justify;

}

.success h1 {

	font-size: 16px;

	color: #996600;

	font-weight: bold;

}

.success .info {

	color: #666600;

	font-size: 13px;

}

.success .name {

	font-size: 14px;

	color: #666699;

	font-weight: bold;

}

.view-cart {

	display: inline;

	margin: 0;

	padding: 0;

}