/*

Colors:
Green: #174A2A
Gray: #333333


*/

/* Site Layout
------------------------------------------------------------------*/

body {background-color: #3B3C34;background-image: url(images/bg.gif);background-repeat: repeat-x;margin-top: 0px;font-family: "Helvetica Neue", Helvetica, Geneva, Verdana, Arial;font-size: 14px;text-align: center;}
.mainwrapper {height: 675px;width: 800px;text-align: center;margin: 0 auto;z-index: 10;position: relative;background-color: #EBE9DA;}
#menuwrapper {width: 700px;position: relative;top: 125px;margin-right: auto;margin-left: auto;}
#logo {height: 106px;width: 183px;background-image: url(images/logo.jpg);position: absolute;left: 40px;}
#logo a img {border:none;}
#header {height: 108px;width: 527px;background-image: url(images/header.jpg);position: absolute;right: 0px;}
.footer {height: 211px;width: 800px;position: absolute;bottom: 0px;left: 0px;z-index: 1;}
.ecfooter {height: 211px;width: 800px;background-image: url(images/bottomgraphic.gif);}
.phfooter {height: 211px;width: 800px;background-image: url(images/limepilebttm.gif);}
.omfooter {height: 211px;width: 800px;background-image: url(images/OpticMapper/OMIcon.png);}
.visnirfooter {height: 211px;width: 800px;background-image: url(images/spectralbttm.gif);z-index: 10;}
.drivesfooter {height: 211px;width: 800px;background-image: url(images/drivegraphbttm5.jpg);}
.otherfooter {height: 211px;width: 800px;background-image: url(images/otherfooter.gif);}
.dropwrapper {height: 1500px;margin-top: -1500px;width: 812px;text-align: center;margin-right: auto;margin-left: auto;z-index: 1;position: relative;background-image: url(images/sidedrops.png);background-repeat: repeat-y;}
#bottondrop {height: 10px;width: 800px;bottom: 0px;z-index: 1;background-image: url(images/bottomdrop.png);background-repeat: repeat-x;margin-top: -4px;position: relative;	margin-right: auto;margin-left: auto;}
#bottomdropspacer {height: 100%;}
#horizontalbar1 {height: 2px;width: 100%;position: relative;background-color: #174A2A;margin-top: 5px;}
#horizontalbar2 {height: 2px;width: 257px;position: relative;background-color: #174A2A;float: right;}
#quotewrapper {float:right;width: 180px;color: #666666;}
#quotetop {background-color: #D0CFD4;background-image: url(images/quotes/quote1top.jpg);background-repeat: no-repeat;padding-top: 10px;padding-right: 15px;padding-left: 15px;	padding-bottom: 5px;}
#quotebtm {background-image: url(images/quotes/quote1bttm.jpg);background-repeat: no-repeat;position: relative;width: 180px;height: 42px;float: right;}
a#newelectronics {position:relative;display:block;height: 90px;top: 0px;left: 0px;background-image: none;float:left;margin-top:-106px;}
#newelectronics img {border:none;}
hr {color: #174A2A;background-color: #174A2A;height: 2px;border:none;}

.wrap-left {float:left;width:400px;}
.wrap-right {float:right;width:200px;}

/* -------------- Text ------------------*/
.text1 {font-size: 14px;color: #333333;}
h1 { text-transform:uppercase; margin-top: 0px;font-size: 16px;font-weight: bold;color: #333333;}
h2 {margin-top: 0px;font-size: 14px;font-weight: bold;color: #174A2A;line-height: 20px;}
.currentpage {font-size: 14px;color: #3B3C34;font-weight: normal;}
a:link {font-size: 14px;color: #174A2A;text-decoration: underline;font-weight: normal;}
a:hover {font-size: 14px;color: #174A2A;text-decoration: none;font-weight: normal;}
a:visited {font-size: 14px;color: #174A2A;font-weight: normal;}
.pdf {font-size: 10px;color: #333333;font-weight: bold;}
.captiontext {font-size: 10px;color: #666666;font-weight: bold;text-transform: uppercase;text-align: center;}
.quotetext {font-size: 14px;color: #000000;text-align: justify;font-style: italic;}
.quotetextperson {font-size: 12px;color: #000000;font-style: italic;margin-top: 10px;}
.caption-text {font-size:12px;font-weight:bold;}

/* -------------- Common ------------------*/
.floatright {float:right;}
.floatleft {float:left;}

.margin-right20 {margin-right:20px;}
.margin-right10 {margin-right:10px;}
.margin-left20 {margin-left:20px;}
.margin-left10 {margin-left:10px;}

.clearboth {clear:both;}
.clearright {clear:right;}
.clearleft {clear:left;}

/* -------- Products Home --------*/
.wrap-left.products-left {float:left;width:400px;}
.wrap-right.products-right {float:right;width:200px;}

#left-column {float: left; width:417px;}
#right-column {float:right;}

#prodbottomgraphic {height: 211px;width: 800px;position: absolute;bottom: 0px;left: 0px;z-index: 1;}
#productspicholder {height: 150px;width: 225px;}
#productshomeholder {height: 290px;width: 650px;position: relative;top: 0px;margin-right: auto;margin-left: auto;z-index: 5;}
#pictureholder {height: 150px;width: 225px;border: 1px solid #666666; margin-bottom:15px;}
#prodhomecaption {height: 60px;width: 280px;position: absolute;right: -30px;bottom: 60px;}
#productsmenuwrapper {margin-top:20px;}

/* Soil EC Home
------------------------------------------------------------------*/
#soilecmainwrapper {height: 1400px;}

#soilecdropwrapper {height: 1400px;margin-top: -1400px;}
.soileccontent {height: 400px;width: 480px;position: absolute;top: 200px;right: 65px;text-align: left;font-size: 14px;color: #333333;}
.maincontentwrapper {height: 340px;width: 680px;position :inherit;margin: 165px auto 0px auto;text-align: left;color: #333333;}
.content {z-index: 50;height: 400px;width: 480px;position :inherit;margin: 0px;float:right;}
.contentleft {width: 480px;margin: 0px;float : left;}
.menuwrapper {height: 400px;width: 140px;position: inherit;float:left;margin: 0px;padding: 0px;}
.menuwrapperright {width:160px;float:right;}
.menuwrapperhtml {height: 400px;width: 175px;float:left;text-align: left;margin: 0px;padding: 0px;position: inherit;}

a.roiiconvb {height: 240px;width: 120px;margin-left-20px;display:block;float:left;clear:left;}
a.roiiconvb img{border:1px solid #999999;}
#quotewrapper {margin-top:30px;}
#quotebtm {background-image: url(../images/quotes/quote1bttmleft.jpg);}
a#roibanner img {border:solid 1px gray;}

/* Menu Lists
------------------------------------------------------------------*/
.navlistright {list-style-image:url(images/bullet.gif);margin: 0px;padding: 0px 0px 0px 15px;font-weight:bold;line-height: 17px;}
.navlistliright {list-style-image:url(images/bullet.gif);margin-left:9px;font-weight: normal;}
.navlistright li a{list-style-image:url(images/bullet.gif);margin:0px;width:175px;font-weight:bold;}
.navlistright .navlistliright a {margin-left: 0px;padding-left: 0px;font-weight:normal;}
.navlistright .navlistliright .subnavlistliright a {margin-left: 10px;padding-left: 0px;font-weight: bold;}
.navlist {list-style-image:url(images/bullet.gif);margin: 0px;padding: 0px 0px 0px 15px;font-weight:bold;line-height: 17px;}
.navlistli{list-style-image:url(images/bullet.gif);margin-left:9px;font-weight: normal;}
.navlist li a {list-style-image:url(images/bullet.gif);margin:0px;width:175px;font-weight:bold;}
.navlist .navlistli a {margin-left: 0px;padding-left: 0px;font-weight:normal;}
.navlist .navlistli .subnavlistli a {margin-left: 10px;padding-left: 0px;font-weight: bold;}
#verticalline1 {float:left;background-color: #666666;height: 400px;width:1px;}
.verticalline-right {float:right;background-color: #666666;height: 400px;width: 1px;}

/* Pictures
------------------------------------------------------------------*/
.small-pic-right {float:right; margin:0px 0px 30px 20px;}
.pictureleft {height: 150px;width: 200px;border: 1px solid #666666;position: relative;float: left;margin-right: 20px;margin-top: 0px;}
.pictureright {height: 150px;width: 200px;border: 1px solid #666666;position: relative;top: 0px;float: right;margin-left: 20px;}
.picture1 {height: 150px;width: 200px;border: 1px solid #666666;position: relative;float: left;margin-right: 20px;margin-top: 0px;}
.picture2 {height: 150px;width: 200px;border: 1px solid #666666;position: relative;top: 0px;float: right;margin-left: 20px;}
.picture3 {height: 150px;width: 246px;border: 1px solid #666666;position: relative;float: left;margin-right: 20px;}
.picture1:hover {border: 1px solid #009933;cursor: pointer;}
.picture2:hover {border: 1px solid #009933;cursor: pointer;}
.picture3:hover {border: 1px solid #009933;cursor: pointer;}

.picturecenter {margin:0px auto; display:block;}

.pictureborder {border: 1px solid #666666;}
.pictureborder:hover {border: 1px solid #009933;cursor: pointer;}

/* Products - 3100
------------------------------------------------------------------*/
#prod1mainwrapper {height: 1525px;}
#prod1content {height: 800px;}
.quotebox {height: 135px;width: 210px;position: relative;text-align: center;right: 0px;float: right;margin-top: 15px;}
.quoteboxcenter {height: 115px;width: 100%;position: relative;text-align: center;margin-top: 20px;margin-bottom: 20px;}
.quoteboxcenter2 {height:75px;width: 350px;position: relative;text-align: center;margin-top: 20px;margin-bottom: 20px;margin-right: auto;margin-left: auto;}
#piccaptionwrap {height: 163px;width: 480px;float: left;position: relative;margin-top: 10px;margin-bottom: 10px;}
#twopicwrap {height: 163px;width: 450px;position: absolute;margin-top: 10px;margin-bottom: 10px;left: 20px;}

/* Products - EC FAQ
------------------------------------------------------------------*/
#ecfaqmainwrapper {height: 1900px;}
#ecfaqdropwrapper {height: 2130px;margin-top: -2130px;}
#ecfaqcontent {height: 1700px;}
.top-anchor {text-align:right; margin-top:10px; clear:both;}

/* Products - Soil pH
------------------------------------------------------------------*/
#soilphmainwrapper {height: 1025px;}
#soilphdropwrapper {height: 1025px;	margin-top: -1025px;}

/* Products - VIS-NIR
------------------------------------------------------------------*/
#visnirmainwrapper {height: 1025px;}
#visnirdropwrapper {height: 1025px;margin-top: -1025px;}
#visnircontent {height: 600px;}
a.visnir-whitepaper {display:block;float:left;border:none;}
.visnir-whitepaper img {border:none;text-decoration:none;}
a#multivariate-icon {display:block;clear:left;float:left;}
#multivariate-icon img {border:1px solid #666666;margin-top:30px;text-decoration:none;}

/* Products - Drives
------------------------------------------------------------------*/
#drivesmainwrapper {height: 1225px;}
#drivesdropwrapper {height: 1225px;margin-top: -1225px;}
#drivescontent {height: 700px;}
#drivespic1 {height: 122px;width: 200px;margin-right: 15px;}
#drivespic2 {height: 131px;width: 174px;margin-left: 0px;}
#drivespic3 {height: 162px;width: 165px;float: left;margin-right: 15px;margin-left: 0px;}
.caption1 {height: 70px;width: 200px;position: relative;margin-right: 20px;}

/* Contact
------------------------------------------------------------------*/
#contactwrapper1 {height: 225px;width: 340px;position: absolute;top: 215px;left: 80px;text-align: left;}
#contactwrapper2 {height: 175px;width: 240px;position: absolute;top: 215px;left: 470px;text-align: left;}
.submit input {margin-left: 40px;}
input{color: #333333;background: #F2F2F2;border: 1px solid #5B5B5B;}
textarea {color: #333333;background: #F2F2F2;border: 1px solid #5B5B5B;}

/* Quad EC 1000
------------------------------------------------------------------*/

/* home page Aug 2011 */
.inHomePageRightColumn{
    display: block;
    margin: 0 0 0 10px;
    position: relative;
}