@charset "utf-8";
/* CSS Document */
/************************************************************************

	Landing Page

	Author:		eROI		[www.eroi.com]  

	Client:		Neuro7		[http://]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Nav
	4 - Home Left Content
	5 - Home Right Content
	6 - Footer
	7 - Who We Are
	8 - Products
	9 - Testimonials
	10 - Buy Now
	11 - News and Events
	12 - Contact Us
	13 - Universal Precautions
	14 - Resource Library
	15 - Forms
	16 - Thank You
	17 - Site Map

************************************************************************/

/***********************************************************************
	1 - Global
************************************************************************/
html, div, ul, li, p, dd, dt, dl {
	margin:0 auto;
	padding:0;
	
}

body {
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	color:#77838d;
	font-size:11px;
	line-height:16px;
	margin:0;
}

.headline {
	color:#77838d;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:16px;
	padding:15px 0 20px 15px;
	line-height:20px;
}

.subheadline1 {
	color:#77838d;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:14px;
	padding:10px 0 8px 8px;
}

.subheadline2 {
	color:#77838d;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:12px;
	padding:10px 0 8px 8px;
}

.subheadline3 {
	color:#77838d;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:12px;
	padding:0 0 8px 8px;
}

.smallText {
	font-size:10px;
}

.blueText {
	color:#005696;
}
h1 {
	color:#77838d;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:16px;
	padding:15px 0px 0px 15px;
	line-height:20px;
}
.bodytext {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999;
margin-bottom:0px;
margin-left:20px;
margin-top:0px;
}
/***********************************************************************
	2 - Structure/Layout
************************************************************************/
#container {
	width:791px;
}

#header {
	width:791px;
	height:83px;
}

#nav {
	width:791px;
	height:35px;
	background-image:url(../images/navBg.jpg);
	
}

#content {
	width:789px;
	border: 1px solid #85aecd;
	border-top:none;
	background-image:url(../images/pageBg.jpg);
}

#leftHome {
	width:547px;
	float:left;
}

#rightHome {
	width:242px;
	float:left;
	
}

#left {
	width:546px;
	float:left;
	border-right: 1px solid #b0cbdf;
}

#right {
	width:242px;
	float:left;
	
	
}

.clear {
	clear:both;
}
/*For random quote box*/
.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;
}
.randomcontent p {
padding-left:15px;
padding-right:15px;
padding-top:10px;
color:#005696;
font-style:italic;
margin-bottom:0px;
}
.randomcontent img {
padding-right:10px;
}
/***********************************************************************
	3 - Nav
************************************************************************/
#nav a {
	color:#FFFFFF;
	text-decoration:none;
}



.bullet a {
	float:left;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	margin-left:11px;
	background-image:url(../images/blueBullet.jpg);
	background-repeat:no-repeat;
	padding-left:17px;
	padding-top:10px;
}

.bullet a:hover {
	float:left;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	margin-left:11px;
	background-image:url(../images/whiteBullet.jpg);
	background-repeat:no-repeat;
	padding-left:17px;
	padding-top:10px;
}


/***********************************************************************
	4 - Home Left Content
************************************************************************/
#flash {
	width:516px;
	height:297px;
	margin-left:15px;
	margin-bottom:10px;
	position:relative;
	z-index:1;
}

.intro {
	padding:0 15px 10px 15px;
}


#bottomLeft {
	width:260px;
	margin:10px 0 15px 0;
	padding-left:15px;
	float:left;
}
#productInfo {
	width:258px;
	height:94px;
	border:1px solid #87b0ce;
	margin-bottom:4px;
}

#productInfo img {
	float:left;
	margin-right:5px;
}

#productInfo p.smallText {
	padding-top:3px;
	padding-right:5px;
	line-height:15px;
}

#whatIs {
	width:258px;
	height:23px;
	border: 1px solid #87b0ce;
	background-image:url(../images/whatIsBg.jpg);
}

#whatIs p.blueText {
	float:right;
	padding:3px 5px 0 0;
}

#whatIs img {
	float:right;
	padding-right:8px;
	border:none;
}

#whatIs a {
	text-decoration:none;
}

#bottomRight {
	width:247px;
	margin:10px 0 15px 8px;
	float:left;
}

#productImage {
	width:245px;
	height:80px;
	border:1px solid #87b0ce;
}

#viewVideo {
	width:245px;
	height:23px;
	border: 1px solid #87b0ce;
	background-image:url(../images/viewVideoBg.jpg);
	margin-top:2px;
}

#viewVideo p.blueText {
	float:right;
	padding:3px 5px 0 0;
}

#viewVideo img {
	float:right;
	padding-right:8px;
	border:none;
}

#viewVideo a {
	text-decoration:none;
}

/***********************************************************************
	5 - Home Right Content
************************************************************************/
 dt a {
	display:block;
	text-decoration:none;
	background-image:url(../images/accordianBG.jpg);
	height:21px;
	color:#005696;
	font-size:11px;
	padding:4px 0 0 8px;
}

 dt a.accordian {
	background-image:url(../images/aBG.jpg);
}

 dd div.details {
	color:#494f54;
	font-size:10px;
	padding:0 2px 0 8px;
	line-height:13px;
}

#taylor {
	background-image:url(../images/taylorBg.jpg);
	height:129px;
}

#led {
	height:104px;
	background-image:url(../images/ledBg.jpg);
}

#sharp {
	height:167px;
	background-image:url(../images/sharpBg.jpg);
}

#variable {
	background-image:url(../images/variableBg.jpg);
	height:127px;
}

#edge {
	background-image:url(../images/edgeBg.jpg);
	height:104px;
}

#replaceable {
	background-image:url(../images/replaceableBg.jpg);
	height:113px;
}

#light {
	background-image:url(../images/lightBg.jpg);
	height:80px;
}

#mono {
	background-image:url(../images/monoBg.jpg);
	height:81px;
}

#extraFeature {
	background-image:url(../images/accordianBG.jpg);
	height:24px;
	color:#005696;
	padding:5px 0 0 8px;
}

#links {
	text-decoration:none;
}

.quote {
	padding:40px 10px 5px 17px;
	font-style:italic;
}

.quoter {
	padding:0 0 35px 17px;
}

.contact {
	text-align:right;
	padding:75px 10px 15px 0;
}

/***********************************************************************
	6 - Footer
************************************************************************/
#footer {
	height:100px;
	width:791px;
}

#copy {
	font-size:10px;
	padding-top:10px;
	float:left;
	
}

#bottomNav {
	float:right;
	width:500px;
	padding-top:10px;

}

#bottomNav ul {
	list-style-type:none;
	
}

#bottomNav ul li {
	float:left;
	padding-left:20px;
	font-size:10px;
}

#bottomNav ul li a {
	color:#77838d;
}

/***********************************************************************
	7 - Who We Are
************************************************************************/
#who {
	width:546px;
	height:357px;
}

#who p {
	float:left;
	margin-left:13px;
}

#who p.bio {
	width:400px;
	margin-bottom:15px;
}

.contactWho {
	text-align:right;
	padding:525px 10px 15px 0;
}

#rick {
	width:420px;
	float:left;
}

/***********************************************************************
	8 - Products
************************************************************************/
#product {
	margin:0 0 0 75px;

}

#product img{
	border:none;
}

#detailImage {
	height:149px;
	width:130px;
	float:left;
	margin:10px 10px 0 15px;
	border:1px solid #87b0ce;
}

#productDetail {
	float:left;
	width:375px;
	height:149px;
	margin-top:8px;
}

.detail {
	background-image:url(../images/detailBullet.jpg);
	background-repeat:no-repeat;
	padding-left:13px;
	margin-left:8px;
	line-height:12px;
	margin-bottom:9px;
	
}

#largeQuote {
	font-style:italic;
	font-size:12px;
	margin:50px 15px 5px 15px;
}

#additional {
	margin:80px 0 0 15px;
	font-size:12px;
	font-weight:bold;
}

.contactProduct {
	text-align:right;
	padding:165px 10px 15px 0;
}

.contactAdd {
	text-align:right;
	padding:515px 10px 15px 0;
}

/***********************************************************************
	9 - Testimonials
************************************************************************/

/***********************************************************************
	10 - Buy Now
************************************************************************

#left div {
	margin-left:13px;
	height:120px;
	
	
}

#left div img {
	border:1px solid #90b6d2;
	margin-right:10px;
	float:left;
	
}

.accessory p {
	
}

.button {
	background-image:url(../images/buyNowBg.jpg);
	width:92px;
	height:21px;
	border:1px solid #90b6d2;
	margin-top:5px;
	text-align:center;
	padding-top:4px;
	float:left;
}

.contactBuy {
	text-align:right;
	padding:825px 10px 0 0;
}

/***********************************************************************
	11 - News and Events
************************************************************************/
.date {
	width:75px;
	float:left;
	margin-left:15px;
}

.spacer {
	height:20px;
	clear:both;
}

.contactNews {
	text-align:right;
	padding:270px 10px 15px 0;
}

#events img {
	float:left;
	padding-top:62px;
	
}

.caption {
	padding:10px 0 0 30px;
	float:left;
	width:200px;
}

.description {
	width:430px;
	float:left;
	margin-bottom:5px;
}

#newsContactLeft {
	width:547px;
	float:left;
	height:60px;
	border-right: 1px solid #b0cbdf;
}


#newsContactRight {
	width:232px;
	float:left;	
	text-align:right;

}


/***********************************************************************
	12 - Contact Us
************************************************************************/

#form {
	width:348px;
	height:350px;
	background-image:url(../images/formBg.jpg);
	margin-top:5px;
	margin-bottom:20px;
	
}

#form label {
	float:left;
	margin-left:12px;
	margin-right:10px;
	padding-top:2px;
	width:80px;
	text-align: left;
	display: block;
	color: #005696;
}

#form p {
	margin-bottom:15px;
}


#form input {
	border:1px solid #91b6d2;
}


#form textarea {
	border:1px solid #91b6d2;
}

#form select {
	border:1px solid #91b6d2;
	padding:1px;
}

.comments {
	padding-top:10px;
}

.contactUs {
	text-align:right;
	padding:425px 10px 15px 0;
}

.required {
	text-align:right;
	padding:5px 10px 0 0;
}

/***********************************************************************
	13 - Universal Precautions
************************************************************************/

.contactPrecautions {
	text-align:right;
	padding:410px 10px 15px 0;
}

/***********************************************************************
	14 - Resource Library
************************************************************************/

a.resource {
	text-decoration:none;
	color:#77838d;
}

.contactResource {
	text-align:right;
	padding:230px 10px 15px 0;
}

p.intro img {
	border:none;
}

p.intro img.profile {
	float:left;
	margin-right:20px;
}

#onlineForms{
	margin:65px 0 0 15px;
	font-size:12px;
	font-weight:bold;
}

/***********************************************************************
	15 - Forms
************************************************************************/
#orders {
	width:525px;
}

#orders form {
	margin:0;
}

#orders p {
	margin-bottom:10px;
}

#orders  label {
	width: 200px;
	float: left;
	text-align: right;
	margin-right: 8px;
	display: block;
}

#orders  .submit input {
	margin-left: 250px;
}

#orders  fieldset {
	border: none;
	width: 500px;
}

#orders  legend {
	color: #005696;
	border: none;
	font-size:12px;
	font-weight:bold;
}

.orderLabel {
	color: #005696;
	font-weight:bold;
}

.contactSalesorder {
	text-align:right;
	padding:1200px 10px 15px 0;
}

.contactDistorder {
	text-align:right;
	padding:890px 10px 15px 0;
}

/***********************************************************************
	16 - Thank You
************************************************************************/

.thankyou {
	font-size:20px;
	margin-top:30px;
}

.contactThanks {
	text-align:right;
	padding:200px 10px 15px 0;
}

/***********************************************************************
	17 - Site Map
************************************************************************/

.contactMap {
	text-align:right;
	padding:240px 10px 15px 0;
}