*{border:0; margin:0; padding:0; outline:none}
table{border-collapse:collapse}
body{font:normal normal 10px verdana, sans-serif; line-height:150%}
#wrapper{background:#d8dbd5;margin:0 auto 0 auto; width:930px}

a:link, a:visited{color:#19316f}
a:hover, a:active{color:#3570B4}
h1{font-size:14px; padding:15px 0 15px 30px; text-transform:uppercase}
h2{font-size: 10px; padding:15px 0 0 30px}
h3{font-size: 12px; font-weight:normal; padding:15px 0 0 30px; text-transform:uppercase}
p{padding:0 50px 10px 30px}

/* TinyMCE fixes*/
ul.model-no-pic li p{padding:0px 50px 10px 0px}
h2 p{padding:0px 50px 10px 0px}
h3 p{padding:0px 50px 10px 0px}
ul li p{padding:0px 50px 10px 0px}

sup{padding:0 0 2px 0}
h1 sup {padding:0 0 2px 0; vertical-align:text-top; font-size:10px;}
input.button{background-color:#1A326F; color:#fff; cursor:pointer; margin:5px 15px; padding:3px}
input.button:hover{background-color:#346FB3}
#search-results li{list-style-type:none; margin:5px 0 5px 30px}

#header{background:#fff; height:50px; margin:0 auto 0 auto; padding:0 0 20px 0;; width:930px}
.secondary-nav{clear:both}
.secondary-nav a:link, .secondary-nav a:visited{color:#5e5a5a; text-decoration:none}
.secondary-nav a:hover, .secondary-nav a:active{color:#5e5a5a; text-decoration:underline}
#top-nav{float:right; margin:40px -15px 0 0}
#top-nav img{padding:0 3px; vertical-align:bottom}

#left-column{clear:left; float:left; height:inherit; width:220px}
#logo{background:#fff; border:0;margin:0 0 -3px 0; padding:10px 60px 35px 10px}
form.left-form{height:20px; padding:0 0 20px 30px; width:190px}
input.left-field{background:transparent url('../../images/button-ss-field.jpg') no-repeat; color:#333; font-size:10px;
	height:17px; padding:3px 3px 0 8px; vertical-align:top; width:108px}
#search-btn{background:url('../../images/button-search.jpg') no-repeat; cursor:pointer; text-indent:-1000px; margin:0 0 0 -18px; height:20px; 
	width:60px;}
#primary-nav{background:#19316F url('../../images/bg-primary-nav.jpg') repeat-x scroll top left; padding:10px;}
#primary-nav li{background:transparent url('../../images/separator-primary-nav.png') no-repeat top center;
	list-style-type:none; padding:8px 0; text-align:center; text-transform:uppercase}
#primary-nav li:first-child{background:none}
#primary-nav a{color:#fff; font-size:12px; text-decoration:none}
.pnav-separator{margin:8px 30px; padding:0}
#primary-nav li ul{display:none}
#primary-nav li li{background:none; padding:2px 0 0 40px; text-align:left}
#primary-nav li li a{background:none; font-size:10px}
#primary-nav a:hover,
a.current{font-weight:bold}
#current-sub{font-weight:bold}

#sign-up{color:#274792; font-size:9px; padding: 10px 0 5px 15px}
#signup-btn{background:url('../../images/button-signup.jpg') no-repeat; cursor:pointer; margin:0 0 0 -18px; text-indent:-1000px; height:20px; 
	width:60px}


#banner{margin:15px 0 0 10px}
.promos{margin:0 0 0 10px;}


#right-column{background-color:#d8dbd5; clear:right;float:right; width:700px}
#header-image{margin:-35px 0 0 -30px; overflow:visible}
#header-image-home{margin:-35px 0 10px -20px; width:743px}
#tabs-left{clear:left; float:left; margin:0 0 0 15px;}
#tabs-right{clear:right; float:right; margin:0 40px 0 0}
.ui-tabs {zoom: 1}
.ui-tabs .ui-tabs-nav li {background:#A0BDDD url('../../images/tabs.jpg') no-repeat top right;
	position: relative; float: left; border-bottom-width: 0 !important; margin:8px 0 0 3px;}
.ui-tabs .ui-tabs-nav li a {color:#1E1F1D; float: left; font-size:12px; font-weight:bold; text-decoration: none; padding:4px 20px 4px 10px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {border-bottom-width:0}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {color:#eee; cursor:text}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {background:#fff; border:3px solid #3570B4; display: block; height:253px; margin:0 3px 3px; overflow:hidden}
.ui-tabs .ui-tabs-hide { display: none !important; }
div.ui-tabs{height:288px; width:315px}
.ui-tabs .ui-tabs-nav li.ui-state-active{background:#3570B4 url('../../images/tabs-active.jpg') no-repeat top right}
.ui-state-active a{color:#1e1f1d}
.ui-state-default a{color:#1E1F1D}
.ui-tabs iframe{overflow:hidden;}
#tabs-4 a{text-decoration:none}
#tabs-4 table{margin-top:7px; width:309px}
#tabs-4 th{background-color:#96B4D8; margin:5px 0; padding:3px 2px;}
#tabs-4 td{padding-left:1px}
th.dtn-logo{background:#96B4D8 url('../../images/dtn-logo.jpg') no-repeat top left}
.change{color:#090; text-align:right}
.last-update{text-align:right}
#tabs-3 li{border-bottom:1px solid #ccc}
#tabs-3 h2{padding:12px 15px}

table.left{margin-left:30px}
.content ul{margin:10px}
.content li{margin:0 0 0 40px; padding:2px}
.content td{width:300px}
.content table#memberOrganizations {width:600px; margin:0px 0 15px 30px;}
.content table#memberOrganizations td.memberOrganizationsName {width:600px; padding-bottom:10px;}
.content table#memberOrganizations td.memberOrganizationsLogo {width:125px; background-color:#FFF; cursor:pointer;}
.content table#memberOrganizations td.memberOrganizationsDesc {text-align:left; width:475px; padding-left:10px;}
.content h2.left,
.content p.left,
.content ul.left{clear:left; display:block; float:left; padding-right:10px; width:300px}
.content p.right-top{padding:0}
.content p.right,
.content ul.right,
.content div.right{clear:right; display:block; float:left; vertical-align:top; width:300px}
img.left{clear:left; float:left; margin:5px 20px 20px}
img.right{clear:right; float:right; margin:5px 20px 20px}
.bordered{border:1px solid #000}
.content-layout h2,
.content-layout p,
.content-layout li{list-style-type:disc; margin:0; padding:0}
.content-buttons li{list-style-type:none}
#callout{background:transparent url('../../images/callout-bg.png') no-repeat scroll top left; clear:right; color:#fff; float:right;
	margin:10px -45px 0 20px; overflow:visible; padding:15px 15px 0; height:162px; vertical-align:middle; width:203px}
#callout a{color:#fff; text-decoration:underline}
#callout li{list-style-type:none; margin:0 0 0 20px; padding:2px 20px}
#callout p{padding:0 10px 10px}


#callout2 { width: 203px; background: url('../../images/sidenav-bg.png') repeat-y #ccc; clear:right; float:right;
	margin:10px -17px 0 20px}
div.inside {width: 203px; background: url('../../images/sidenav-bgtop.png') no-repeat top;}
div.inside ul{ color: #FFF; padding: 25px; background: url('../../images/sidenav-bgbottom.png') no-repeat bottom;}
#callout2 li{list-style-type:none; margin:0; padding:3px 0 3px 20px}
#callout2 a{color:#fff; text-decoration:underline}

.content #callout3 ul {margin:0px 0px 0px 10px;}
#callout3 { width: 203px; background: url('../../images/sidenav-bg.png') repeat-y #ccc; clear:right; float:right;
	margin:10px -17px 0 20px}
div.inside {width: 203px; background: url('../../images/sidenav-bgtop.png') no-repeat top;}
div.inside ul{ color: #FFF; padding:15px 25px 25px 25px; background: url('../../images/sidenav-bgbottom.png') no-repeat bottom;}
#callout3 li{list-style-type:none; margin:0; padding:3px 0 3px 20px}
#callout3 a{color:#fff; text-decoration:underline}

.sideMenutitle {font-weight:bold}
.sideMenutitle a {color:#fff; text-decoration:underline}
.sideMenutitle a sup {color:#fff; text-decoration:none}
li.pdf{background:transparent url('../../images/pdf.png') no-repeat top left}

table.matrix{margin:0 -20px 0 20px; overflow:visible; z-index:1}
.matrix a{color:#fff; text-decoration:underline}
.matrix th a{color:#000}
.matrix ul{margin:0 0 5px 0}
.matrix tr{background:transparent url('../../images/matrix/product-list-row.png') no-repeat bottom; height:130px;
	width:672px; vertical-align:bottom}
.matrix th{vertical-align:top}
.matrix td{color:#fff}
.matrix tr.top{background-image:none; height:30px}
.matrix td.light{background:#E2E4DF url('../../images/matrix/product-list-td-light.png') repeat-x bottom; text-align:center}
.matrix th.light{background:#E2E4DF}
.matrix p{padding:20px; width:100px}
.matrix img{padding:0 0 8px 0}
a.matrix-more{margin-left:15px}
img.check{ padding:0 0 15px 20px}

.dimweight td {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px}
.dimweight th {font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold}
.dimsmall {font-size:9px; color:#666;}
.dimweight h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px;font-weight:bold}
.dimleftcol {border-right-style:solid;border-right-color:#000;border-right-width:2px}
.dimheadcol {border-bottom-style:solid;border-bottom-color:#000;border-bottom-width:2px}
.dimshaderow {background:#CCC}
#planter-flash{margin:0 0 0 20px}
div.list-left{clear:left; float:left; margin:0 0 0 20px; width:330px}
div.list-right{clear:right; float:right; width:350px}
ul.model-no-pic{margin-left:30px}
#features{clear:both}
#features li{list-style-type:none; margin:0; clear:both}
#features img{background:transparent url('../../images/no_image.jpg') no-repeat left top; border:1px solid #000; clear:left; 
	float:left; height:75px; margin:5px 15px 5px 0; padding:0; width:75px}
	
#options{background:#1a316e url('../../images/attachment/attachment-bg.jpg') no-repeat left top; clear:both; color:#fff;
	 margin:30px -25px 0 30px; padding-bottom:40px; width:683px}
#options a{color:#fff; text-decoration:underline}
#options h1{padding:25px 0 15px 35px}
#options li{list-style-type:none; margin:10px 10px 10px 25px; clear:both}
#options img{background:transparent url('../../images/no_image.jpg') no-repeat left top; border:1px solid #000; clear:left; 
	float:left; height:75px; margin:5px 15px 5px 0; padding:0; width:75px}

div.clickableTD {height:100%; width:100%; cursor:pointer;}


#attachments{clear:both}
#attachments li{list-style-type:none; margin:0; clear:both}
#attachments img{background:transparent url('../../images/no_image.jpg') no-repeat left top; border:1px solid #000; clear:left; 
	float:left; height:75px; margin:5px 15px 5px 0; padding:0; width:75px}
#attachments td{vertical-align:top}	
.popout{background-color:#eee; border:1px solid #000; color:#000; display: block; z-index:5}
.popout-manual{float:right; position: relative; margin:0 -200px 0 0; width:270px}
.popout-manual li{list-style-type:none; margin:0}	
.popout-dimweights{float:right; list-style-type:none; position: relative; margin:0 -200px 0 0; width:300px}
.popout-left{float:left; padding:3px; position: relative; margin:-20px 0 -200px 0; width:450px}
.popout-right{float:right; padding:3px; position: relative; margin:-20px 0 -200px -450px; width:450px}
#features .popout-left img{height:250px; width:250px}	
#features .popout-right img{height:250px; width:250px}	
#options .popout-left img{height:250px; width:250px}	
#attachments .popout-left img{height:250px; width:250px}	
#attachments .popout-right img{height:250px; width:250px}	

#products{clear:both; margin:5px;color:#fff}
#products h1,#products h2,#products h3,#products p{padding:3px 15px}
#products li{margin:0 10px 5px 30px}
#products div{background:#1A326F url('../../images/productImages/product-bg.jpg') no-repeat top left; float:left; margin:5px; width:205px}
.products img{padding:10px}
.meters div{height:460px}
#singulation-videos{float:left; width:300px}
#singulation-videos li{list-style-type:none}
.meters-crop{color:#fff}
table.meters-crop{margin:10px}
.meters-crop td{background:transparent url('../../images/meter/crop-bg.png') no-repeat top left; height:209px}
.meters-crop h2,
.meters-crop p{padding:0 10px}
.monitors div{height:700px}

.manual-page div{float:left; width:200px}
.manual-page h3{font-weight:bold}
.manual-page li{color:#19316f}

table.parts-catalog{margin:20px 0 20px 30px}
.parts-catalog th{font-weight:bold; text-align:left}
.parts-catalog td{vertical-align:top}
table.parts-price{width:100%;}
.parts-catalog h2{padding-left:0; text-align:center}
.blue-italics{color:#274792; font-size:10px; font-style:italic; padding:5px 0} 
.white-italics{color:#FFF; font-size:10px; font-style:italic; padding:5px 0} 
span.smaller {font-size:8px;}

.media-room{color:#fff}
.media-room h1{padding:10px 20px}
div.media-room{clear:both; margin:5px;}
.media-room div{background:transparent url('../../images/media/bg-video.png') no-repeat top left; float:left;
	height:227px; width:211px}
.media-room img{padding:25px 20px 0 20px}

div.audio{clear:both}
.audio div{background:transparent url('../../images/media/bg-audio.png') no-repeat top left; float:left; margin:20px 0 0 0;
	height:55px; width:672px}
.audio a{color:#fff; text-decoration:underline}
.audio p{padding:25px 0 10px 50px}

/*Scales Page */
.scales-product-pod {background:url('../../images/scale/scale-bg.jpg') no-repeat; height:673px; width:300px; float:left; margin:0px 0px 20px 35px;}
.scales-product-image {margin:50px 30px 0px 45px}
.scales-product-copy {color:#FFF;}
.scales-product-copy ul {color:#FFF;margin:0px 5px 0px 0px; padding:0px 5px 0px 0px;}
.scales-product-copy ul li {color:#FFF;}

/*End Scales Page */
#contactForm li{clear:both; list-style-type:none; margin:5px}
#contactForm label{line-height:200%}
#wwgrp_contactForm_newsLetterSignup {width:185px; float:left; clear:left;}
#wwctrl_contactForm_newsLetterSignup.wwctrl {float:right; clear:both; margin-right:0px;}
#wwlbl_contactForm_newsLetterSignup.wwlbl {float:left; clear:left;}
#loginForm li {clear:both; list-style-type:none; margin:5px 5px 5px 30px; text-align:left;}
#loginForm label.wwlbl {line-height:200%;clear:left; float:left; text-align:right; margin:0px 5px 0px 0px; width:70px}
#signup li{clear:both; list-style-type:none; margin:5px}
#signup label{line-height:200%}
#saveUser li{clear:both; list-style-type:none; margin:5px}
#saveUser label{line-height:200%}
#saveUser div.left label{clear:left; float:left; margin:2px; text-align:right; width:150px}
#saveUser div.wwctrl{float:left; margin:5px}
#uploadForm li{clear:both; list-style-type:none; margin:5px}
#uploadForm label{line-height:200%}
#contentForm li{clear:both; list-style-type:none; margin:5px}
#contentForm label{line-height:200%}
#contentForm div.wwlbl {margin-top:5px;font-weight:bold;}
#promotionForm li{clear:both; list-style-type:none; margin:5px}
#promotionForm label{line-height:200%}
.addPromotion {margin-left:30px;}
#cartForm li{clear:both; list-style-type:none; margin:5px}
#cartForm label{line-height:200%}
#cartAttachmentForm li{clear:both; list-style-type:none; margin:5px}
#cartAttachmentForm label{line-height:200%}
#cartFeatureForm li{clear:both; list-style-type:none; margin:5px}
#cartFeatureForm label{line-height:200%}
#cartOptionForm li{clear:both; list-style-type:none; margin:5px}
#cartOptionForm label{line-height:200%}
#cartManualForm li{clear:both; list-style-type:none; margin:5px}
#cartManualForm label{line-height:200%}
#dealerForm li{clear:both; list-style-type:none; margin:5px}
#dealerForm label{line-height:200%}
#planterOptionForm li{clear:both; list-style-type:none; margin:5px}
#planterOptionForm label{line-height:200%}
#planterManualForm li{clear:both; list-style-type:none; margin:5px}
#planterManualForm label{line-height:200%}
#promotionForm li{clear:both; list-style-type:none; margin:5px}
#promotionForm label{line-height:200%}
#eventForm li{clear:both; list-style-type:none; margin:5px}
#eventForm label{line-height:200%}
#planterForm li{clear:both; list-style-type:none; margin:5px}
#planterForm label{line-height:200%}
#planterAttachmentForm li{clear:both; list-style-type:none; margin:5px}
#planterAttachmentForm label{line-height:200%}
#historyModelForm li{clear:both; list-style-type:none; margin:5px}
#historyModelForm label{line-height:200%}
#historyModelForm div.wwlbl label {margin-top:5px;font-weight:bold;}
#meterForm li{clear:both; list-style-type:none; margin:5px}
#meterForm label{line-height:200%}
#planterFeatureForm li{clear:both; list-style-type:none; margin:5px}
#planterFeatureForm label{line-height:200%}
#signup label.desc {float:left; clear:both; width:130px;}
li.wwgrp {list-style-type:none;}
div.wwlbl{clear:left; float:left; margin:2px; text-align:right; width:150px}
#promotionForm div.wwlbl{clear:left; float:none; margin:2px 2px -5px 15px; text-align:left; width:350px}
.wwgrp_note {padding:0px 0px 0px 15px;}
div.wwctrl{float:left; margin:5px}
#contact-submit{clear:both; margin:20px 0 0 200px}
label.error {float: none; color:#D5071B; padding-left: .5em; vertical-align: top}
#saveUser span.fieldError {display:none;}
#saveUser span.fieldError img {display:none;}
#errorMessages {display:block; float:left; clear:none; font-weight:bold; }
div.adminCenter {margin-left:30px;}
table#users.table thead tr th {text-align:left;}
table#user.table thead tr th {text-align:left;}
table#kcontents.table thead tr th {text-align:left;}
table#newsArticle.table thead tr th {text-align:left;}
table#promotionList.table thead tr th {text-align:left;}
table#cartList.table thead tr th {text-align:left;}
table#cartAttachmentList.table thead tr th {text-align:left;}
table#cartFeatureList.table thead tr th {text-align:left;}
table#cartOptionList.table thead tr th {text-align:left;}
table#cartManualList.table thead tr th {text-align:left;}
table#meterList.table thead tr th {text-align:left;}
table#planterList.table thead tr th {text-align:left;}
table#planterAttachmentList.table thead tr th {text-align:left;}
table#planterFeatureList.table thead tr th {text-align:left;}
table#planterOptionList.table thead tr th {text-align:left;}
table#planterManualList.table thead tr th {text-align:left;}
table#dealerList.table thead tr th {text-align:left;}
table#eventList.table thead tr th {text-align:left;}
table#historyModelList.table thead tr th {text-align:left;}
table.detail {margin-left:30px;}
table.detail th {text-align:left; padding-right:5px;}

#map-page{background:url('../../images/map-bg.jpg') no-repeat; height:536px; margin:0 0 0 35px; padding:0 20px 20px 20px; width:638px}
#map-btn{background:url('../../images/map-btn.jpg') no-repeat; color:#fff; height:18px; margin:0; width:96px}
#map_canvas{margin:30px 0 0 0}
.news li{list-style-type:none; margin:0}

#markets{color:#fff; margin-left:15px}
#markets a{color:#fff}
#markets table{background:#1B3371 url('../../images/markets/markets-bottom.jpg') no-repeat bottom right; margin-bottom:37px}
#markets tr{background-color:#21519a}
#markets  th{padding:6px; text-align:left}
#markets td{padding-left:3px}
#markets-top{background:transparent url('../../images/markets/markets-top.jpg') no-repeat top left; text-align:center}
#markets-top h1{padding:15px 0 5px 30px}
#markets-bottom{}
#market-graph{background:transparent url('../../images/markets/market-graph-bg.jpg') no-repeat top left; clear:left; color:#fff;
	float:left; margin-left:15px; height:368px; width:413px}
#market-graph img{margin:30px}
#market-quote{float:left; margin-left:20px}

#headlines-top-left{clear:left; float:left; width:400px}
#headlines-top-left p{padding:0 0 10px 30px}
#headlines-top-left h1{padding:15px 0 15px 30px}
#headlines-top-left h2{color:#666; padding:0 30px}
#headlines-top-left h3,
#headlines-top-right h3{font-weight:bold; padding:0 0 0 30px}
#headlines-top-right{float:left; width:270px}
#headlines-top-right p{clear:both; padding-left:10px}
#headlines-bottom{clear:both}
#headlines-bottom ul{padding-left:30px}
#headlines-bottom li{background:url('../../images/headlines/news.jpg') no-repeat top left; list-style-type:none; padding:0 40px 15px 20px;}
.dtn{clear:left; text-align:center}
#footer{background:#fff; color:#5e5a5a;margin:-5px; width:940px}
#footer-top{background:#d8dbd5 url('../../images/bg-bottom-corner.jpg') no-repeat scroll bottom right; margin:0 0 0 5px;
	height:30px; width:930px}
#footer span.left{clear:left; float:left; padding:20px 0 50px 0}
#footer span.right{clear:right; float:right; padding:20px 0 50px 0}