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

/* Global Styles */
body {
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
}
a{
	text-decoration: underline;
	color: #57A3ED;
}
a:hover{
	text-decoration: underline;
	color: #57A3ED;
}
#wrapper {
	margin: 0 auto;
	width: 870px;
}


/* Header Styles */
#headercontainer {
	width: 870px;
	float: left;
	height: 74px;
	margin: 0px 0px 0px 0px;
}
#headerholder{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 870px;
}
#headerholderleft{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 290px;
	height: 62px;
	display: block;
	padding-top: 12px;
}
#headerholdermiddle{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 290px;
	height: 50px;
	font-weight: bold;
	padding-top: 12px;
}
#headerholderright{
	float: right;
	margin: 0px 0px 0px 0px;
	width: 290px;
	height: 62px;
}
#headermenu {
	width: 210px;
	margin: 0px 0px 0px 0px;
	float: right;
	padding-right: 20px;
}
#headerphone {
	margin: 0px 0px 0px 0px;
	color: #276AD2;
	padding-top: 10px;
	font-size: 18px;
}
.headertext {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.headertext a{
	text-decoration: none;
}
.headertext a:hover{
	text-decoration: none;
	color: #000000;
}
#headerimage {
	height: 230px;
	width: 870px;
	float: left;
}
#headerimagetext {
	padding-left: 25px;
	padding-top: 40px;
	color: #ffffff;
	font-size: 24px;
	font-family: "Arial Narrow";
	line-height: 27px;
	height: 100px;
	margin: 0px;
	display: none;
}


/* Search Styles */
#searchcontainer {
	height: 50px;
	width: 290px;
	margin: 0px 0px 0px 0px;
	float: right;
	background: #79bffa;
	color: #FFFFFF;
	font-weight: bold;
	display: none;
}
#searchholder {
	width: 270px;
	padding-left: 20px;
	padding-top: 12px;
	
}


/* Main Menu Styles */
#mainmenucontainer {
	float: left;
	width: 870px;
	height: 29px;
	margin: 0px 0px 0px 0px;
	background: #000000;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}


/* Home Page Styles */
#maincontainerhome {
	margin: 0px 0px 0px 0px;
	width: 870px;
	float: left;
	background-image: url(../images/home_background.jpg);
	background-repeat: repeat-y;
}
#leftcolumn {
	margin: 0px 0px 0px 0px;
	width: 290px;
	float: left;
}
#middlerightconteiner {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 580px;
	display: inline;
	background-color: #F1F1E9;	
}
#middlerightholder {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 580px;
	display: inline;	
}
#middleboothholder {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 8700px;
	display: inline;	
}
#singlelargeholder {
	margin: 0px 0px 0px 0px;
	width: 580px;
	display: inline;	
}
#column {
	margin: 0px 0px 0px 0px;
	width: 250px;
	padding: 0px 18px 0px 18px;
}
#columnsnap {
	margin: 0px 0px 0px 0px;
	width: 540px;
	padding: 0px 18px 0px 18px;
}
#columnbooth {
	margin: 0px 0px 0px 0px;
	width: 250px;
	padding: 150px 18px 0px 18px;
}
#columnbooth2 {
	margin: 0px 0px 0px 0px;
	width: 250px;
	padding: 30px 18px 0px 18px;
}
#columnbooth3 {
	margin: 0px 0px 0px 0px;
	width: 250px;
	padding: 0px 18px 0px 18px;
}
#rightholder{
	width: 580px;
	clear: both;
	margin: 0px 0px 0px 0px;
	background-color: #F1F1E9;
}
#middlecontainer{
	float: right;
	margin: 0px 0px 0px 0px;
	width: 288px;
	display: block;
	height: 575px;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
}
#middlecontainertest{
	float: right;
	margin: 0px 0px 0px 0px;
	width: 288px;
	display: block;
	height: 660px;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
}
#middlecontainertest1{
	float: right;
	margin: 0px 0px 0px 0px;
	width: 288px;
	display: block;
	height: 550px;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
}
#middlecontainertest2{
	float: right;
	margin: 0px 0px 0px 0px;
	width: 288px;
	display: block;
	height: 600px;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
}
#rightholder{
	float: right;
	padding: 0px 0px 0px 0px;
	width: 290px;
	background-image: url(../images/newsletterbox4.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 575px;
}
#rightholdertest{
	float: right;
	padding: 0px 0px 0px 0px;
	width: 290px;
	background-image: url(../images/newsletterbox5.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 660px;
}
#rightholdertest1{
	float: right;
	padding: 0px 0px 0px 0px;
	width: 290px;
	background-image: url(../images/newsletterbox6.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 550px;
}
#rightholdertest2{
	float: right;
	padding: 0px 0px 0px 0px;
	width: 290px;
	background-image: url(../images/newsletterbox7.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 600px;
}

#welcomecontainer {
	padding-top: 20px;
}
.welcomecopy {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 16px;
 color: #000000;
}
#featuredcontainer {
	padding-top: 20px;
}
#features {
	padding-bottom: 10px;
	padding-top: 10px;
}
#thinkgreencontainer {
	padding-top: 20px;
	padding-bottom: 5px;
}
#testimonialscontainer {
	padding-top: 20px;
}
#testimonials {
	padding-bottom: 15px;
	padding-top: 10px;
}
#casestudiescontainer {
	padding-top: 20px;
}
#joinnewslettercontainer {
	height: 105px;
	padding-top: 30px;
}
#joinnewslettercontainertest {
	height: 105px;
	padding-top: 30px;
}
#join {
	margin-top: 50px;
	padding-top: 30px;	
}


/* Footer */
#prefooter {
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 2px;
} 
#footercontainer {
	padding: 0 10px 0px 0px;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 3px;
	background:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #000000;
	font-weight: normal;
	height: 50px;
} 
#footerleftholder {
	float: left;
	width: 450px;
	padding: 5px 0px 0px 20px;
}
#footerleftholder a{
	text-decoration: none;
	color: #000000;
}
#footerleftholder a:hover{
	text-decoration: none;
	color: #57A3ED;
}
#footerrightholder {
	float: right;
	width: 300px;
	padding: 5px 13px 0px 0px;
	font-weight: bold;
	text-align: right;
}
#footer p {
	margin: 0;
	padding: 0px 0;
}
#footerrightholder a{
	text-decoration: none;
	color: #000000;
}
#footerrightholder a:hover{
	text-decoration: none;
	color: #57A3ED;
}
.copyright {
	display: none;
	font-size: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.copyright a{
	display: none;
}
.copyright a:hover{
	display: none;
}


/* Breadcrumbs */

#breadcrumbs {
	margin: 0px 0px 0px 0px;
	width: 540px;
	padding: 10px 20px 0px 20px;
	font-size: 10px;
	color: #999999;
}
#breadcrumbs a{
	text-decoration: none;
	color: #999999;
}
#breadcrumbs a:hover{
	text-decoration: none;
	color: #57A3ED;
}

/* Breadcrumbs2 */

#breadcrumbs2 {
	margin: 0px 0px 0px 0px;
	width: 560px;
	padding: 10px 0px 0px 305px;
	font-size: 10px;
	color: #999999;
}
#breadcrumbs2 a{
	text-decoration: none;
	color: #999999;
}
#breadcrumbs2 a:hover{
	text-decoration: none;
	color: #57A3ED;
}


/* Headings Subheads */
.heading1 {
	font-size: 24px;
	font-weight: normal;
	line-height: 27px;
}
h1 {
	font-size: 24px;
	line-height: 27px;
	font-weight: lighter;
}
h2 {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}
.headingR {
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
}
.heading2 {
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
}
.subhead {
	font-size: 14px;
	color: #276AD2;
	font-weight: normal;
	line-height: 16px;
}

.subhead a{
	text-decoration: underline;
	color: #276AD2;
}
.subhead a:hover{
	text-decoration: underline;
	color: #276AD2;
}
.subhead2 {
	font-size: 12px;
	color: #276AD2;
	font-weight: normal;
	line-height: 16px;
}

.subhead2 a{
	text-decoration: underline;
	color: #276AD2;
}
.subhead2 a:hover{
	text-decoration: underline;
	color: #276AD2;
}
.highlight {
	font-size: 11px;
	color: #669AEB;
	font-weight: bold;
}


/* Floats */
.fltrt {
	float: right;	
}
.fltrt2 {
	float: right;
	padding-left: 8px;
}
.fltrt3 {
	float: right;
	padding-left: 8px;
	padding-bottom: 12px;
}
.fltrt4 {
	float: right;
	padding-left: 8px;
	padding-bottom: 30px;
}
.flt5 {
	padding-top: 10px;
}
.fltlft {
	float: left;

}
.fltlft2 {
	float: left;
	margin-right: 8px;
}
.fltlft3 {
	float: left;
	margin-right: 8px;
	margin-bottom: 20px;
}
.clearfloat {
	clear:both;
}
.clear {
	clear: both;
}


/* Other Page Styles */
#maincontainer {
	margin: 0px 0px 0px 0px;
	width: 870px;
	float: left;
	background-image: url(../images/secondary_background.jpg);
	background-repeat: repeat-y;
	padding-bottom: 15px;
}
#maincontainersingle {
	margin: 0px 0px 0px 0px;
	width: 870px;
	float: left;
	padding-bottom: 15px;
}
#maincontainersingleleft {
	margin: 0px 0px 0px 0px;
	width: 870px;
	float: left;
	padding-bottom: 15px;
}
#maincontainerlanding {
	margin: 0px 0px 0px 0px;
	width: 870px;
	float: left;
	background-image: url(../images/landing_background.jpg);
	background-repeat: repeat-y;
	padding-bottom: 15px;
}

#maincontainerlanding2 {
	margin: 0px 0px 0px 0px;
	width: 870px;
	float: left;
	padding-bottom: 15px;
}
#landingcontainer {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 435px;
}
#landingholder {
	margin: 0px 0px 0px 0px;
	width: 395px;
	padding: 0px 18px 0px 18px;
}
#landingcontent {
	margin: 0px;
	padding-top: 20px;
}
#landingcontainer2 {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 870px;
}
#landingholder2 {
	margin: 0px 0px 0px 0px;
	width: 830px;
	padding: 0px 18px 0px 18px;
}
#landingcontent2 {
	margin: 0px;
	padding-top: 20px;
}

#secondaryholder {
	margin: 0px 0px 0px 0px;
	width: 395px;
	padding: 15px 20px 20px 20px;
	color: #000000;
}
#maincontent{
	width: 580px;
	clear: both;
	margin: 0px 0px 20px 0px;
	background-color: #FFFFFF;
}
#bannercontainer{
	width: 580px;
	clear: both;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}
#bannerrightholder{
	float: right;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
	width: 290px;
}
#bannerleftholder{
	float: right;
	margin: 0px 0px 0px 0px;
	width: 290px;
	display: block;
	background-color: #FFFFFF;	
}

#bannerleftholder2{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 580px;
	display: block;
	background-color: #FFFFFF;	
}
#snapholder{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 580px;
	display: block;
	background-color: #FFFFFF;	
}
#secondaryholder {
	margin: 0px 0px 0px 0px;
	width: 540px;
	padding: 15px 20px 20px 20px;
	color: #000000;
}
#relatedproducts {
	margin-top: 0px;
	padding-top: 34px;
}
#otherproducts {
	margin-top: 0px;
}
#copyhere {
	margin: 0px 0px 0px 0px;
	width: 540px;
	padding: 50px 20px 0px 20px;	
}
#bannerleftcontainer {
	margin-top: 0px;
	height: 260px;
}
#bannerrightcontainer {
	margin-top: 0px;
	height: 260px;
}
#bannerleftcontainer2 {
	margin-top: 0px;
	height: 330px;
}
#bannerrightcontainer2 {
	margin-top: 0px;
	height: 330px;
}

#bannerrightcontainer3 {
	margin-top: 0px;
	height: 300px;
}

#monitorscontainer2 {
	margin: 0px;
	width: 250px;
	padding-bottom: 30px;
	
}

#bannerrightcontainer4 {
	margin-top: 0px;
	height: 360px;
}

#bannerleftcontainer5 {
	margin-top: 0px;
	height: 430px;
}
#bannerleftcontainersnap {
	margin-top: 0px;
	height: 45px;
}

#bannerrightcontainer5 {
	margin-top: 0px;
	height: 450px;
}
#bannerleftcontainer6 {
	margin-top: 0px;
	height: 410px;
}

#bannerrightcontainer6 {
	margin-top: 0px;
	height: 410px;
}
#equipmentleftcontainer {
	margin-top: 0px;
	height: 370px;
}
#equipmentrightcontainer {
	margin-top: 0px;
	height: 370px;
}
#equipmentleftcontainer2 {
	margin-top: 0px;
	height: 270px;
}
#equipmentrightcontainer2 {
	margin-top: 0px;
	height: 270px;
}
#tabletopleftcontainer {
	margin-top: 0px;
	height: 200px;
}
#tabletoprightcontainer {
	margin-top: 0px;
	height: 200px;
}
#tabletoprightcontainer2 {
	margin-top: 0px;
	height: 400px;
}
#secondarycontainer {
	background: #FFFFFF;
	float: right;
	width: 580px;
	display: inline;
}
.heading1blue {
	font-size: 24px;
	font-weight: normal;
	line-height: 28px;
	color: #276ad2;
}
.heading1blue a{
	text-decoration: none;
	color: #276ad2;
}
.heading1blue a:hover{
	text-decoration: none;
	color: #276ad2;
}
.highlightblckbold {
	font-size: 11px;
	font-weight: bold;
}
.highlightblckbold a{
	text-decoration: underline;
	color: #000000;
}
.highlightblckbold a:hover{
	text-decoration: underline;
	color: #000000;
}
#relatedproducts {
	margin-top: 0px;
	padding-top: 34px;
}
#otherproducts {
	height: 270px;
	margin: 0px;
	float: left;
	width: 300px;
}
.sidebarheading {
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	color: #276AD2;
}
.sidebarheading a{
	text-decoration: underline;
	color: #276AD2;
}
.sidebarheading a:hover{
	text-decoration: underline;
	color: #276AD2;
}

.sidebarheading2 {
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	color: #276AD2;
}
.thankyouheading {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #FFFFFF;
}
.acc {
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.description {
	font-size: 10px;
	color: #669AEB;
}
#secondarycontent {
	margin: 0px;
} 
#rbscontainer {
	margin: 0px;
	width: 540px;
	padding-top: 20px;
	float: left;
}
#rbscontainer2 {
	margin: 0px;
	width: 220px;
	padding-top: 20px;
	float: right;
}
#rbsholder1 {
	margin: 0px;
	width: 160px;
	padding-right: 20px;
	float: left;
}
#rbsholder2 {
	margin: 0px;
	width: 160px;
	padding-right: 20px;
	float: left;
	height: 215px;
}
#rbsholder3 {
	margin: 0px;
	width: 100px;
	padding-right: 7px;
	float: left;
	height: 150px;
}
#rbsholder4 {
	margin: 0px;
	width: 80px;
	padding-right: 10px;
	float: left;
	height: 100px;
}
#rbsholder5 {
	margin: 0px;
	width: 240px;
	padding-right: 20px;
	float: left;
	height: 215px;
}
#rbsholder5 {
	margin: 0px;
	width: 240px;
	padding-right: 20px;
	float: left;
	height: 200px;
}
#rbsholder6 {
	margin: 0px;
	width: 160px;
	padding-right: 20px;
	float: left;
	height: 242px;
}
#rbsholder7 {
	margin: 0px;
	width: 160px;
	padding-right: 20px;
	float: left;
	height: 290px;
}
#rbsholder8 {
	margin: 0px;
	width: 160px;
	padding-right: 20px;
	float: left;
	height: 215px;
}
#vccontainer {
	margin: 0px;
	width: 540px;
	padding-top: 20px;
	float: left;
}
#vcholder {
	margin: 0px;
	width: 80px;
	padding-right: 10px;
	float: left;
	height: 140px;
}
#capabilitiescontainer {
	margin: 0px;
	width: 440px;
	float: left;
}
#nrbsholder1 {
	margin: 0px;
	width: 100px;
	padding-right: 10px;
	float: left;
	height: 290px;
}
#leftaccessoriescontainer {
	margin: 0px;
	width: 250px;
	padding-top: 15px;
	float: left;
}

#monitorscontainer {
	margin: 0px;
	width: 250px;
	float: left;
	padding-bottom: 30px;
}
#topic {
    margin: 0px;
}
#left2by2containtiner {
	margin: 0px;
	width: 250px;
	padding-top: 20px;
}
#left2by2holderlt {
    margin: 0px;
	width: 120px;
	float: left;
}
#left2by2holderrt {
    margin: 0px;
	width: 120px;
	float: left;
	padding-left: 10px;
}


/* css for FORMS - DATA ENTRY */
 FORM {
 		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color : #333333;
		line-height: 14px;
 }
 
 FORM  TD { 
  		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color : #333333;
		line-height: 14px;
		vertical-align: top; 
		text-align: left; 
 }
 

.userinput {
 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	font-weight: normal;
	background-color: #FFEFC3; 
}

.userinputBK {
 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	font-weight: bold;
	background-color: #EEEEEE; 
}

.userinputBRed
{
 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #CC0000;
	font-weight: bold;

}

.combo {
 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	font-weight: normal;
	background-color: #EEEEEE; 
}


.label {
 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	font-weight: bold;
}

.radiobutton {
	background-color : #FDEB95;
}


.submitbutton {
 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #FFFFFF;
	font-weight: bold;
	background-color: #FF0000;
}

.instructions {
 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #666666;
	font-weight: normal;
	line-height : 14px;
 }
 
.instructions2 {
 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #666666;
	font-weight: normal;
	line-height : 14px;
	font-style : italic;
}
 
.FormColumn01 {
	float: left;
	width: 100px;
	margin: 0px 0px 6px 0px;
	padding: 4px 0px 4px 12px;
}
 
.FormColumn02 {
	float: left;
	width: 400px;
	margin: 0px 0px 6px 0px;
	padding: 4px 0px 4px 12px;
}




/* store */

#maincontainerstore {
	margin: 0px 0px 0px 0px;
	width: 870px;
	float: left;
	background-image: url(../images/store_background.jpg);
	background-repeat: repeat-y;
	padding-bottom: 15px;
}
#leftcolumnstore {
	margin: 0px 0px 0px 0px;
	width: 260px;
	float: left;
}
#columnstore {
	margin: 0px 0px 0px 0px;
	width: 220px;
	padding: 0px 18px 0px 18px;
}
#breadcrumbsstore {
	margin: 0px 0px 0px 0px;
	width: 570px;
	padding: 10px 20px 0px 20px;
	font-size: 9px;
	color: #999999;
}
#leftaccessoriescontainerstore {
	margin: 0px;
	width: 220px;
	padding-top: 15px;
	float: left;
	padding-bottom: 15px;
}
#middlerightholderstore {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 610px;
	display: inline;
}
#secondaryholderstore {
	margin: 0px 0px 0px 0px;
	width: 570px;
	padding: 15px 20px 20px 20px;
	color: #000000;
}

.grayline{
	
	border-bottom-color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}