@charset "utf-8";

#container {
  min-height:100%;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  position:relative;
}

/*header*/

#header {
	width:800px;
	height: 70px;
	margin-left:auto;
	margin-right:auto;
	/* background-image: url(/images/header-beta.png); */
	/* background-repeat: no-repeat; */
  text-align:right;
	border-style: none;
  padding:10px;
}


#header a {
	text-decoration: underline;
	color: #339900;
}

#headLogo {
  width: 248px;
  float: left;
  height: 70px;
  margin-bottom: 0px;
}
#headPhone {
  width: 213px;
  float: left;
  height: 70px;
  margin-bottom: 0px;
}
#headMain {
  width: 339px;
  float: left;
  height: 70px;
  margin-bottom: 0px;
}


/* Login */

#usernameField, #passwordField {
  width: 100px;
}



.login {
  margin-top:5px;
	border-style: none;
}

fieldset {
  border-style: none;
  border: 0px;
  font-weight: bold;
}

fieldset.contact {
  width: 700px;
  margin-left: 0px;
  margin-right: 0px;
}



.formLabel {
  width: 350px;
  float: left;
  vertical-align: top;
}

input .contact, textarea .contact {
  width: 350px;
  float: left;
}


legend .login  {
	display: none;
}

input .login  {
	margin-bottom: 3px;
}

#inputtext1, #inputtext2 {
	width: 110px;
}

.inputtext {
font-size:10px;

}

/*menu*/

#menu {
  width:800px;
  height:50px;
  background-image:url(/images/menu-background.jpg);
  margin-left:auto;
  margin-right:auto;
}

#menu ul {
	margin: 0 3em;
	padding: 1em 0;
	text-align: center;
	list-style: none;
}

#menu li {
	display: inline;
	margin: 0 7px;
	height: 0;
}

#menu a {
	display: inline;
	text-decoration: none;
	color:#339900;
	background:transparent;
  font-weight: bold;
}

#menu a:hover {
	background: transparent;
	color: #FFFFFF;
}

#menu .active a {
	background: transparent;
	color: #340453;
}


/*content*/

#content {
  width:800px;
  padding: 10px;
  padding-bottom: 45px; 
  height:auto; /* set to 600px  if needed*/
  margin-left:auto;
  margin-right:auto;
}


#features {
 float: left;
	width: 400px;
}



#sidebar {
	float: right;
	width: 380px;
	height:inherit;
}


.features-block {
  background-image:url(/images/features-block.png);
  width:370px;
  height:130px;
  padding: 15px;
}


.sidebar-blockl {
  background-image:url(/images/target-block-small.png);
  width:160px;
  height:97px;
  padding:15px;
  float: left;
}

.sidebar-blockr {
  background-image:url(/images/target-block-small.png);
  width:160px;
  height:97px;
  padding:15px;
  float:right;
}


/* Updates */

#updates {
}

#updates h1 {
	font-size:16px;
	color: #ffe100;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	text-align:right;
	font-weight:bold;
}

#updates h3 {
	font-size:12px;
	color: #0c0874;
	margin-bottom: 3px;
}


/* Footer */

#footer {
	/*position: absolute;*/
  position: fixed;
	bottom: 0px;
  width: 800px;
	height: 45px;
	font-size: 0.77em;
	color: #051F52;
	margin-left:auto;
	margin-right:auto;
	background-image:url(/images/menu-background.jpg);
}

#footerLegal {
	float: left;
}

#footerLinks {
	float: right;
}


/*genetic tags*/

html, body {
	margin: 0px;
	padding: 0px;
	height:100%;
	font-style: normal;
  font-size: 12px; 
  font-family: Arial, Helvetica, sans-serif;
	color:#000000;
  text-decoration: none;
}


h1, h3 {
	color: #4F789F;
}

h1 {
}

h2 {
color:#FF9900;
}

h3 {
	font-size: 1em;
}

p, blockquote, ul, ol {
}

p {
}

blockquote {
}

ul {
}

ul li {
  margin-bottom:5px;
}

ol {
}

ol li {
}

a {
	color: #4F789F;
  text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img {
  border-style: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

.style1 {
  color: #FF9900
}
.style2 {
  color: #FF3300;
  font-weight:bold;
}

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#eeeeee !important;
 }
 
 #recaptcha_table {
   border-color: #aaaaaa !important;
 }
 
 #recaptcha_response_field {
   border-color: #222222 !important; 
   background-color:#e0e0e0 !important; 
 }

/*My Account Navigation*/

#accountNav {
width: 180px;
height: 100%;
float:left;
}


ul#accountNavMenu {
	list-style-type: none;
	list-style-position:outside;
	margin-left:-40px;
}

ul#accountNavMenu li {
	display:block;
	background-image:url(/images/accountnavmenu1.png);
	width:170px;
	height:20px;
	padding:5px;
	text-align:center;
	
	}
	
ul#accountNavMenu li:hover {
background-image:url(/images/accountnavmenu2.png);
}

ul#accountNavMenu a {
text-decoration:none;
}

ul#accountNavMenu a:hover {
  color:#FF9900;
  text-decoration:underline;
}

ul#accountNavMenu a.active {
  color: #FF9900;
}


/*My Account Body*/
#accountBody{
  width: 600px;
  height: 100%;
  float:right;
  margin-top:0px;
}



/*Main page*/

#main-left {
  width:500px;
  height:500px;
  float:left;
}

#spotlight-container {
  position: relative;
  width:500px;
  height:200px;
}


#spotlight {
  position: absolute;
  /*width:100%;*/
  width:380px;
  height:180px;
  padding:10px;
  /*clear: both;*/
  top: 0;
  left: 0;
}


#spotlight-nav {
  position: absolute;
  /*width:100%;*/
  width: 100px;
  height: 200px;
  /*clear: both;*/
  font-size: 10px;
  font-weight: bold;
  top: 0;
  right: 0;
}

#ad-wideshort {
  width:500px;
  height:100px;
  background-color:#FF3300;
  color:#99FFFF;
}

#product-highlight {
  width:480px;
  height:180px;
  padding:10px;
}

#main-right {
  width:300px;
  height:500px;
  float:right;
}

#news {
  width:280px;
  height:240px;
  padding:10px;
}

#follow {
height:20px;
padding:10px;
}

#twitters {
width:280px;
height:180px;
padding:10px;
}


.titlebar {
height: 22px;
background-image: url(/images/heading-border.jpg);
margin-top:0px;
}


.highlight-nav {
width:100px;
padding-top:0px;
padding-botton:10px;
float:right;
margin-top: 0px;
list-style-position:outside;
}


/** twitter **/

#uvxTweets {
  height: 400px;
  overflow: auto;
}

.tweettext {
  padding: 5px;
  margin: 5px;
  font-size: 12px;
  color: #111111;
}

.tweettime {
  color: #999999;
  padding: 5px;
  margin: 5px;
  font-size: 10px;
}


.oddtweet {
  background-color: rgb(255,231,193);
}

.eventweet {
  background-color: #ffffff;
}