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

FONTS:  

COLORS: Dark (Agrox) Sage: #717E72
    True (Hess) Sage: #A4AFA5
    Pale Sage: #E0E5DF
    Text Grey: #666866
    Link Blue: #1F658C
    Rule Grey: #D5D5D5

*/


body {
    margin: 0;
    padding: 0;
    background: #F4F8F4;
}

div.wrapper {
    max-width: 1200px;
    border: 1px solid #D5D5D5;
    margin: 0 auto 0 auto;
    overflow: hidden;
    background-color: #FFF;
    position: relative;
    z-index: 0;
}

section.palebarTitle {
    /*background: #EEF4ED;*/
    background: #E0E5DF;
    color: #717E72;
    font-family: 'Pragati Narrow', sans-serif;
    font-weight: 400;
    letter-spacing: 8px;
    font-size: 14px;
    line-height: 14px;
    padding: 12px 0 12px 35.5%;
    margin: 190px 0 0 0px;
    position: relative;
    z-index: 1;
}
div.content {
	margin: -228px 20px 0 300px; /*moves all content to right*/
}
aside.topbarMobi {
    display: none;
}
section.sidebarNav {
    text-align: right;
    font-family: 'Pragati Narrow', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 17px;
    float: left;
	width: 225px;
	margin: 50px 0 0 -260px; /*moves sidebarNav content back left to fill vacated area*/
}
section.sidebarNav img.AgroxLogo {
    width: 235px;
    margin-left: -10px;
}
section.sidebarNav ul {
    list-style: none;
    padding: 0px;
    margin: 68px 0 0 0px;
    position: relative;
    z-index: 2;
}
section.sidebarNav ul li {
    padding: 12px 0 0 0px;
}
section.sidebarNav ul li.lead {
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 2px;
    margin-bottom: 0px;
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 16px;
}
section.sidebarNav a:link {
    text-decoration: none;
    color: #717E72;
    font-weight: 400;
}
section.sidebarNav a:visited {
    text-decoration: none;
    color: #A4AFA5;
}
section.sidebarNav a:hover {
    font-weight: 600;
}

section.mainContent {
    float: right;
    font-family: 'Merriweather', serif;
    color: #666866;
    margin: 0px 80px 0 0px;
}
section.mainContent img.AgroxLogoMobi {
    display: none;
}
section.mainContent aside.topbar {
    /*background: #7E8B7F;*/
    background: #A4AFA5;
    height: 40px;
    /*margin-left: -300px;*/
}
section.mainContent img.prime {
    width: 99.8%;
    border: 1px solid #D5D5D5;
    margin: 10px 0px 0 0px;
}
section.mainContent img.inset {
    width: 160px;
    border: 1px solid #D5D5D5;
    float: left;
    margin: 5px 15px 0 0px;
}
section.mainContent p {
    font-size: 16px;
    line-height: 28px;
    margin: 25px 0 0 0px;
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 20px;
    border-top: 1px solid #D5D5D5;
    padding-top: 10px;
}
section.mainContent p .left {
	display: inline;
}
section.mainContent p .below {
	display: none;
}
section.mainContent a:link {
    text-decoration: none;
    color: #000;
    font-weight: 400;
}
section.mainContent a:visited {
    text-decoration: none;
    color: #A4AFA5;
}
section.mainContent a:hover {
    font-weight: 600;
}

section.mobiNav {
    display: none;
}

nav.plusNav {
    margin: 20px 0 0 0px;
    font-family: 'Pragati Narrow', sans-serif;
}
nav.plusNav img.menuicon {
   width: 30px; 
   display: inline;
}
nav.plusNav p.plusTitle {
    display: inline;
    border: 0;
    margin: 0 0 0 10px;
    vertical-align: 18%;
}
nav.plusNav ul {
    list-style: none;
    padding: 0px;
    margin-top: -80px;
}
nav.plusNav ul li.listTitle {
    font-weight: 700;
    border-bottom: 2px dotted #E0E5DF;
    padding: 0px 0 3px 0px;
    margin: 20px 0 4px 0px;
}
nav.plusNav ul.expando {
	display: none;
    background-color: #FFF;
    position: relative;
	z-index: 0;
}
header nav ul.expando:target {
	display: block;
}
nav.plusNav a:link {
	text-decoration: none;
	color: #717E72;
}
nav.plusNav a:visited {
	text-decoration: none;
	color: #717E72;
}
nav.plusNav a:hover {
    color: #231E60;
	padding: 0 40px 2px 10px;
	margin: 0px 0 8px -10px;
    font-weight: 700;
    letter-spacing: 2px;
}

section.mainContent aside.photoGrid {
    /*border-top: 1px solid #D5D5D5;
    padding-top: 10px;*/
    margin: 20px 0 0px -5px;
    width: 101%;
}
section.mainContent aside.photoGrid img.primeMobi {
    display: none;
}
section.mainContent aside.photoGrid img {
    border: 1px solid #D5D5D5;
    margin: 0;
}
section.mainContent aside.photoGrid img.tgridsr {
    width: 99%;
    margin: 0px 0px -5px 0px;
}
section.mainContent aside.photoGrid img.tgridjr {
    width: 48%;
    margin: 0px;
}
section.mainContent aside.photoGrid img.tgridjr.tractor {
    margin: 0px 5px 1px 0px;
}
section.mainContent aside.photoGrid table tr {
    vertical-align: top;
}

section.mainContent aside.captions {
    border-top: 1px solid #D5D5D5;
    padding-top: 12px;
    font-family: 'Pragati Narrow', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    margin: 12px 0 0 17%;
}
section.mainContent aside.captions span {
    font-weight: 500;
}
section.mainContent aside.captions ul {
    list-style: none;
    padding: 0px;
    margin: 0 0 0 22%;
}
section.mainContent aside.captions ul li {
    padding: 0 0 8px 0px;
}
section.mainContent aside.captions img.key {
    width: 19%;
    float: left;
}

section.sidebarAction {
    text-align: right;
    font-family: 'Pragati Narrow', sans-serif;
    color: #666866;
    width: 225px;
    float: left;
	margin: 0 0 0 -260px; /*moves sidebarAction content back left to fill vacated area*/
    clear: left;
}
section.sidebarAction img.stones {
    width: 400px;
    margin: 0 0 0 -125px;
    position: relative;
    z-index: -1;
}
section.sidebarAction p.actionTitle {
    color: #7E8B7F;
    font-size: 22px;
    line-height: 22px;
    margin: 25px 0 5px 0px;
}
section.sidebarAction p {
    margin: 0px;
    font-size: 17px;
    line-height: 21px;
}
section.sidebarAction img.storelogo {
    width: 150px;
    margin: 12px -8px 0 0px;
}
section.sidebarAction a:link {
    text-decoration: none;
    color: #1F658C;
    font-weight: 400;
}
section.sidebarAction a:visited {
    text-decoration: none;
    color: #95A296;
}
section.sidebarAction a:hover {
    font-weight: 700;
}

div.spacer {
    clear: both;
    height: 50px;
}

/*MEDIA QUERIES  •  •  •  MEDIA QUERIES  •  •  •  MEDIA QUERIES*/

@media screen and (max-width: 1000px) {
    
section.mainContent {
    margin: 0px 40px 0 0px;
}
}

@media screen and (max-width: 900px) {
    
section.palebarTitle {
    letter-spacing: 6px;
    padding: 10px 0 10px 39.5%;
    margin: 145px 0 0 0px;
}
section.sidebarNav img.AgroxLogo {
    width: 210px;
    margin: 0px 0px 0 -20px;
}
section.sidebarNav ul {
    margin: 44px 0 0 0px;
}
section.mainContent {
    margin: 0px 20px 0 0px;
}
div.content {
    margin: -195px 20px 0 255px; /*moves all content to right*/
}
section.sidebarNav {
	width: 200px;
	margin: 50px 0 0 -225px; /*moves sidebarNav content back*/
}
section.sidebarAction {
    width: 200px;
	margin: 0 0 0 -225px; /*moves sidebarAction back*/
}
section.sidebarAction img.stones {
    width: 360px;
    margin: 0 0 0 -125px;
}
}

@media screen and (max-width: 800px) {
    
section.palebarTitle {
    padding: 12px 0 12px 37%;
} 
section.sidebarNav ul {
    margin: 43px 0 0 0px;
}
}

@media screen and (max-width: 700px) {
    
section.palebarTitle {
    letter-spacing: 2.5px;
    padding: 12px 0 12px 43.5%;
} 
div.content {
    margin: -195px 10px 0 235px; /*moves all content to right*/
}
section.sidebarNav {
	width: 180px;
	margin: 50px 0 0 -205px; /*moves sidebarNav back*/
}
section.sidebarNav img.AgroxLogo {
    width: 190px;
    margin: 0px 0px 0 -20px;
}
section.sidebarNav ul {
    margin: 48px 0 0 0px;
}
section.sidebarNav ul li.lead {
    letter-spacing: 1.2px;
}
section.mainContent aside.captions {
    margin: 12px 0 0 0px;
}
section.mainContent aside.photoGrid {
    width: 102%;
}
section.mainContent aside.photoGrid img.tgridsr {
    width: 100%;
    margin: 0px 0px -5px 0px;
}
section.mainContent aside.photoGrid img.tgridjr {
    width: 48%;
    margin: -1px -1px 0 0px;
}
section.mainContent aside.photoGrid img.tgridjr.tractor {
    margin: 0px 3px 0px 0px;
}
section.sidebarAction {
    width: 170px;
	margin: 0 0 0 -195px;  /*moves sidebarAction back*/
}
section.sidebarAction img.stones {
    width: 335px;
    margin: -10px 0 -15px -125px;
}
}

@media screen and (max-width : 600px ){  /* SINGLE COLUMN LAYOUT */
    
section.palebarTitle {
    display: none;
}  
aside.topbarMobi {
    display: block;
    background: #7E8B7F;
    color: #FFF;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    letter-spacing: 5px;
    font-size: 14px;
    line-height: 14px;
    padding: 11px 0 12px 0;
    margin: 0px -20px 0 -20px;
    text-align: center;
}
div.content {
	margin: 0px 20px 0 20px;
}
section.sidebarNav {
    display: none;
}
nav.plusNav {
    display: none;
}
section.mobiNav {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    line-height: 15px;
	width: 98%;
	margin: 5px 0 30px 0px;
}
section.mobiNav ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
section.mobiNav ul li {
    padding: 16px 0 0 0px;
}
section.mobiNav ul li.lead {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 2px;
    margin: 0 -40px 0 -20px;
    padding: 9px 0 8px 20px;
    border-bottom: 0px;
    background-color: #E0E5DF;
}
section.mobiNav ul li.other {
    font-weight: 500;
    font-size: 14px;
    margin: 20px 0px 0 0px;
    padding: 6px 0 0px 0px;
    border-top: 1px solid #D5D5D5;
}
section.mobiNav a:link {
    text-decoration: none;
    color: #7E8B7F;
    font-weight: 400;
}
section.mobiNav a:visited {
    text-decoration: none;
    color: #95A296;
}
section.mobiNav a:hover {
    font-weight: 600;
}
section.mainContent {
    float: none;
    margin: 0px 0px 0 0px;
}
section.mainContent p {
    font-size: 16px;
    line-height: 28px;
    margin: 55px 0 0 0px;
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 20px;
    border-top: 1px solid #D5D5D5;
    padding-top: 8px;
}
section.mainContent p .left {
	display: none;
}
section.mainContent p .below {
	display: inline;
}
section.mainContent aside.topbar {
    display: none;
}
section.mainContent img.prime {
    display: none;
}
section.mainContent img.AgroxLogoMobi {
    display: block;
    width: 380px;
    margin: 30px 0 30px 0px;
}
section.mainContent img.primeMobi {
    width: 99.8%;
    border: 1px solid #D5D5D5;
    margin: 10px 0px 0 0px;
}
section.mainContent img.inset {
    width: 158px;
    border: 1px solid #D5D5D5;
    float: left;
    margin: 5px 15px 0 0px;
}
section.mainContent aside.photoGrid img.primeMobi {
    display: block;
    width: 98.5%;
    margin: 0 0px -1px 4px;
}    
section.mainContent aside.captions {
    margin: 12px 0 0 0px;
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 20px;
}
section.sidebarAction {
    text-align: left;
    width: 100%;
    float: none;
	margin: 5px 0px 0 -20px;
    padding: 2px 20px 50px 20px;
    clear: left;
    background-color: #EEF4ED;
}
section.sidebarAction img.stones {
    display: none;
}
section.sidebarAction img.storelogo {
    width: 125px;
    margin: 12px 0px 0 -10px;
} 
section.sidebarAction p.vsX {
    display: none;
}
/*section.sidebarAction a:link {
    text-decoration: none;
    color: #7E8B7F;
    font-weight: 400;
}
section.sidebarAction a:visited {
    text-decoration: none;
    color: #95A296;
}
section.sidebarAction a:hover {
    font-weight: 600;
}*/
div.spacer {
    clear: both;
    height: 0px;
}
}

@media screen and (max-width: 450px) {
    
aside.topbarMobi {
    letter-spacing: 3px;
    padding: 14px 0 15px 0;
}

section.mainContent img.AgroxLogoMobi {
    width: 100%;
    margin: 30px 0 30px 0px;
}
section.mainContent img.inset {
    width: 39%;
    border: 1px solid #D5D5D5;
    float: left;
    margin: 5px 15px 0 0px;
}   
}