/* JUNE 25th ADDED STYLES TO COVER HEADER AND FOOTER & CHECKOUT PAGE RESTYLING */

.headerClearanceLink:hover, .headerResoucesLink:hover{background-color:#414141;}
.headerClearanceLink a, .headerResoucesLink a{text-decoration:none !important;}

/* New styling for Search bar */
.searchBox {padding-left:5px; width:230px;outline: none; cursor:pointer;}

input.searchSubmitBotton {
	appearance:button;
	-webkit-appearance:button;
	 cursor:pointer; !important
}

.searchSubmitBotton:hover {background-color:#414141;}

/* Top categories styling */
.headerClearanceLink a, .headerResoucesLink a{display:block; color:#fff !important;}

.topNavBarLeftCol li {display:block; cursor:pointer;}

.subSitesListItem {margin-right:0; padding:0px; line-hieght:1.6em; margin-top:5px; margin-right:10px;}
.subSitesListItemLinkAnchor {display:block; padding-left:4px; padding-top:7px;  margin-right:5px; line-hieght:1.6em; padding-bottom:5px;}


.headerSubCategoryListItem {padding-left:0; padding-right:0px;}
.headerSubCategoryListItem a {padding-left:15px; padding-right:15px;line-height:1.6em; display:block;}


/* Shopping Cart styling to the right of top categories */
.signinLink, .registerLink, {display:
block; cursor:pointer;}

.checkoutFunctionsList li:last-child a {display:block;}

.checkoutFunctionsList li:nth-child(2) a {display:block; padding-left::5px; padding-right:5px; padding-bottom:2px; padding-top:2px;}

.signinLink{display:block; cursor:pointer; float:left; padding-right:2px;}
.registerLink {display:block; !important
cursor:pointer; float:right;
}

.checkoutFunctionsListItem {
	padding: 0;
}

/*Andersons Header Styling to round buttons tweak border radius to get it right */





.headerClearanceLink {display:block;
cursor:pointer; float:right;}



/*Green update Button */
.btn_update_qty {background-color:#00a651; font-size:12px; margin-left:10px;}
.btn_update_qty:hover {background-color:#248a56}



/*New Right Nav Bar Styling  */
.panelHeader {
	background-color:#666666; font-size:14px;}

.button.secondary, .button.secondary{background-color:#666666; 
color:#ffffff !important;
border:1px solid #666666; 
border-radius: 5px;
} 

.button.secondary:hover {background-color:#949292; }

li.headerCategoryNavBarListItem a{text-decoration:none !important; display:block;}

.bgGrey{background-color:#dbdbdb;
}

.borderbottomright {border-bottom:none; background-color:f6c18a;
 } 

.CartButtonPrimary {background-color:#00A64E; border:1px solid #00a64e; 
border-radius: 5px;}

.CartButtonPrimary:hover{background-color:#060;}

CartButtonPrimary.small, .CartButtonPrimary.small {border:1px solid #00a64e; 
border-radius: 5px;}

.CartButtonPrimary.small:hover{background-color:#336600 !important;}

.removeCart{font-size:11px;
}
.wishlist a {font-size:12px; 
} 

/* Footer font size styling */
div.footercopyright, div.footerlinks {font-size:12px;}

#signup{text-decoration:none !important;}
#signup:hover{background-color:#00A64C; text-decoration:none !important; color:#FFF !important;}



.generalHeaderInfoLinks li:first-child {
	border-right: none;
}

.generalHeaderInfoLinks li:nth-child(2) {
	border-left: 1px solid black;
}

.signinLink, .registerLink, .checkoutFunctionsList li:nth-child(2), .checkoutFunctionsList li:last-child {
	padding: 4px;}


/* END OF JUNE 25th ADDED STYLES TO COVER HEADER AND FOOTER & CHECKOUT PAGE RESTYLING */
















































/* OLD (AS OF JUNE 25th GENERAL STYLEs. ABOVE STYLES ADDED TO FORMAT CART AND NAVIGATION . May need a bit of cleanup of overlap. */

/*Peter- fix for full site's search button display incorrectly on ipad*/
div.headerSearchArea{
	width:575px
}

div.searchFuntionWrapper {
	width:350px
}

input.searchSubmitBotton {
	appearance:button;
	-webkit-appearance:button;
	 cursor:pointer;
}

/* PDP Stlying */
.pdp_AltImages div{
	height: 100% !important;
}

.pdp_FormContainer {
	padding: 0;
}

/* Category Styles */

#catpromo {
	margin: 0 auto;
}

.cat-grid {
	float: left;
	text-align: center;
	margin: 0 25px 35px 25px;
	width: 160px;
	height: 190px;
}

.cat-grid img {
	margin-bottom: 10px;
}

.cat-grid .link {
	font-size: 14px;
}

.CatHeaderTxt {
	background-color: #ffffff;
	padding: 0;
}

.cat-grid {
	border: none;
}

.cat-grid .link {
	background-color: #ffffff;
	padding-top: 0;
}

.cat-grid img {
	margin-bottom: 5px;
}

.headerCategoryNavBarListItem {border-right:1px solid #fff;}

/* New Andersons Category Styling */
#rightmain {
	padding: 0 10px 10px 10px;
}

/* .right_col {
	padding-top: 0;
} */

@font-face {
	font-family: itcavantgardegothicstdmedium;src: url('/webfonts/itcavantgardegothicstdmedium/5daf8f81-4f5b-4b44-8fd3-91c56d20e799.eot');src: local('☺'),url('/webfonts/itcavantgardegothicstdmedium/43b723ac-a6f2-4d5d-9d72-c50aea85ecee.woff') format('woff'),url('/webfonts/itcavantgardegothicstdmedium/9093e944-c2da-4954-953f-ca2eb3a227dd.ttf') format('truetype'),url('/webfonts/itcavantgardegothicstdmedium/e3929a31-b148-4180-91be-4b490bdac87d.svg') format('svg');font-weight: normal;font-style: normal;}
.categoryHeaderAn {
	width: 680px;
	background-color: #000000;
	color: #ffffff;
	
}

.right_col h1 {
	font-size: 28px;
	font-weight: bold;
	font-family: helveticastdroundedbold, hevletica, arial;
	padding: 10px 0 10px 0;
	letter-spacing: 1px;
	margin:0;
	text-align: center;
	display: block;
	width: 680px;
	color: #fff;
	background: #000;
}

.categoryHeaderAn h1, h2 {
	font-size: 26px;
	font-family: itcavantgardegothicstdmedium, hevletica, arial;
	padding: 10px;
	line-height:124%;
	letter-spacing: 1px;
	margin:0;
	text-align: center;
}

.categoryCopyBlockAn {
	margin:10px 0 10px 0;
	width: 660px;
	background-color: #eeeeee;
	padding: 10px;
}

.categoryTitleAn, .categoryCopyAn {
	padding: 0;
	margin: 0 auto;
	width: 660px;
	color: #000000;
}

.categoryTitleAn h3 {
	margin: 0;
	text-align: center;
}

.categoryCopyAn p {
	text-align: left;
}

/* New Andersons Footer Styling */

div.footerColTitle {color:#e9e9e9;
}

.CartButtonPrimary {background:#449642;

}

.CartButtonPrimary:hover {background:#060;
}

.panelHeader {background:#666666;}

.footerOuterContainer {
	height: 200px;
}

/* Header fixes 7/24 */

.headerTop {height: 42px;}

.headerCategoryNavBarList li {border-right: 1px solid #fff; background: #666;}

.headerCategoryNavBarList li:last-child {border-right: none;}

.headerCategoryNavBarList li a {display: inline-block; padding: 2px 0 2px 0;}

.headerSubCategoryList li { padding-left: 5px; border-right: none;}

.searchRelatedLinksWrapper {float: none;}

div.headerSearchArea {width: 475px;}

.searchBox {height: 27px; width: 275px;}

div.searchFuntionWrapper {width: 355px;}

div.headerSearchArea {width: 590px;}

div.headerSearchArea {border-bottom: 2px inset #ededed;}

.registerLink, .signinLink {padding: 5px;}

.headerCategoryNavBarList li {background: #000;}

.headerCategoryNavBarList li a {padding: 3px 0 3px 0;}

.headerCategoryNavBarListItem:hover {background: rgba(6,125,181,1);
background: -moz-linear-gradient(45deg, rgba(6,125,181,1) 0%, rgba(122,171,204,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(6,125,181,1)), color-stop(100%, rgba(122,171,204,1)));
background: -webkit-linear-gradient(45deg, rgba(6,125,181,1) 0%, rgba(122,171,204,1) 100%);
background: -o-linear-gradient(45deg, rgba(6,125,181,1) 0%, rgba(122,171,204,1) 100%);
background: -ms-linear-gradient(45deg, rgba(6,125,181,1) 0%, rgba(122,171,204,1) 100%);
background: linear-gradient(45deg, rgba(6,125,181,1) 0%, rgba(122,171,204,1) 100%);}

.headerSubCategoryListItem:hover {background: #000;}

div.headerSearchArea {border-bottom: 2px solid #fff;}

.headerSubCategoryList li a { padding-left: 10px; padding-right: 10px;}

.headerSubCategoryList li {background: #067db5;}

.headerSubCategoryList {-webkit-box-shadow: 1px 0px 5px 1px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 0px 5px 1px rgba(0,0,0,0.5);
box-shadow: 1px 0px 5px 1px rgba(0,0,0,0.5);}

.mainShopNow {
	width: 930px;
}


    
 
    .wrapper h2,.wrapper h3,.wrapper h4,.wrapper p {
    padding: 0;
    margin: 0;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
    font-family: itcavantgardegothicstdmedium;src: url('webfonts/itcavantgardegothicstdmedium/5daf8f81-4f5b-4b44-8fd3-91c56d20e799.eot');src: local('☺'),url('webfonts/itcavantgardegothicstdmedium/43b723ac-a6f2-4d5d-9d72-c50aea85ecee.woff') format('woff'),url('webfonts/itcavantgardegothicstdmedium/9093e944-c2da-4954-953f-ca2eb3a227dd.ttf') format('truetype'),url('webfonts/itcavantgardegothicstdmedium/e3929a31-b148-4180-91be-4b490bdac87d.svg') format('svg');font-weight: normal;font-style: normal;
    }
    .wrapper h2,.wrapper h3,.wrapper h4 {
    letter-spacing: .085em;
    text-transform: uppercase;
    }
    .wrapper h2 {
    font-size: 28px;
    line-height: 20px;
    }
    .wrapper h3 {
    font-size: 15px;
    line-height: 22px;
    }
    .wrapper h4 {
    font-size: 12px;
    line-height: 20px;
    margin: 10px;
    height: 40px;
    }
    .wrapper p {
    font-size: 14px;
    }
    body {
    background-color: #ffffff;
    }
    hr {
    width: 938px;
    margin: 0 auto 5px auto;
    clear: both;
    }
    .wrapper {
    width: 960px;
    margin: 0 auto;
    padding-top: 10px;
    }
    .mainImage {
    background-color: #888888;
    }
    .mainCopy {
    width: 940px;
    margin: 0 auto;
    }
    .mainCopy {
    padding: 15px 0 10px 0;
    margin: 0 auto;
    color: #ffffff;
    height: 145px;
    overflow: hidden;
    }
    .mainShopNow {
    margin: 15px 0 15px 0;
    width: 940px;
    text-align: center;
    }
    .mainShopNow a, .colShopNow a {
    display: block;
    margin: 0 auto;
    color: #ffffff;
    border: 1px solid #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    }
    .mainShopNow a {
    width: 100px;
    padding: 12px 45px 12px 45px;
    }
    .colShopNow a {
    width: 90px;
    padding: 10px 15px 10px 15px;
    }
    .mainShopNow a:hover, .colShopNow a:hover {
    background-color: #ffffff;
    color: #000000;
    }
    .colShopNow {
    width: 460px;
    margin: 5px auto 15px auto;
    text-align: center;
    }
    .twoCol {
    width: 960px;
    margin: 0 auto;
    height: 520px;
    }
    .leftCol, .rightCol {
    width: 460px;
    padding: 10px;
    }
    .leftCol {
    float: left;
    }
    .rightCol {
    float: right;
    }
    .colImage {
    width: 460px;
    height: 375px;
    background-color: #888888;
    }
    .colText {
    width: 430px;
    height: 45px;
    margin: 15px auto 10px auto;
    }
    .threeCol {
    width: 960px;
    }
    .col {
    padding: 10px;
    float: left;
    width: 300px;
    margin-bottom:30px;
    color: #ffffff;
    }
    .threeColImage {
    width: 300px;
    height: 375px;
    background-color: #888888;
    }
    .threeColCopy, .threeColShopNow {
    width: 275px;
    margin: 0 auto;
    }
    .threeColShopNow a, .threeColShopNow a:hover {
    display: block;
    text-align: center;
    color: #ffffff;
    }
    .resources {
    clear:both;
    height: 200px;
    width: 760px;
    margin: 20px auto 0 auto;
    }
    .resources img {
    float: left;
    }
    .resources p {
    text-align: left;
    }
    .resourcesText {
    width: 375px;
    padding-left: 30px;
    border-left: 1px solid #000000;
    float: right;
    width: 375px;
    margin-top: 15px;
    }
    .resourcesText a, a:hover {
    color: #000000;
    }
    .mainCopy img {
    z-index: -1;
    position: relative;
    top:-195px;
    }
    .colText {
    color: #ffffff;
    }
    .twoColBg, .threeColBg {
    height: 0;
    }
    .twoColBg img {
    z-index: -1;
    position: relative;
    top: -130px;
    }
    .threeColBg img {
    z-index: -1;
    position: relative;
    top: -78px;
    }
    .slideshow{
    height: 390px;
    width: 940px;
    margin: 0 auto;
    padding-bottom: 10px;
    }
    .slide{
    position: absolute;
    border-radius: 0%;
    overflow: hidden;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
    }
    .active{
    opacity: 1;
    }
    .headerText {
    padding-top: 20px;
    clear: both;
    text-align: center;
    width: 940px;
    color: #000000;
    }
    .socialButton {
    text-align: center;
    padding-bottom: 25px;
    height: 150px
    }
    .main {
    margin: 0 auto;
    width: 940px;
    }

 #mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color: rgba(0, 0, 0, 0.7);
    display:none;
    }
	
    #boxes .window {
    position:absolute;
    left:0;
    top:0;
    width:600px;
    height:200px;
    display:none;
    z-index:9999;
    padding:20px;
    border-radius: 15px;
    text-align: center;
    }
    #boxes #dialog {
    /* width: 100%; */
    /* padding: 10px; */
    /* background-color: #ffffff; */
    /* font-family: 'Segoe UI Light', sans-serif; */
    /* font-size: 15pt; */
    }
    .maintext{
    text-align: center;
    font-family: "Segoe UI", sans-serif;
    text-decoration: none;
    }
    #lorem{
    font-family: "Segoe UI", sans-serif;
    font-size: 12pt;
    text-align: left;
    }
    #popupfoot{
    font-family: "Segoe UI", sans-serif;
    font-size: 16pt;
    padding: 10px 20px;
    }
    #popupfoot a{
    text-decoration: none;
    }
    .agree:hover{
    background-color: #D1D1D1;
    }
    .popupoption:hover{
    background-color:#D1D1D1;
    color: green;
    }
    .popupoption2:hover{
    color: red;
    }
    .form-box {
    width: 375px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid red;
    }
    .signupdiv iframe {
    display: block;
    border: none;
    width: 345px;
    margin: 0 auto;
    }
    .signupdiv iframe p {
    display: none;
    }
    .signclose {
    padding: 10px;
    background: red;
    color: white;
    float:right;
    margin: 0 10px 10px 0;
    form-radius: 6px;
    cursor: pointer;
    }
    .headerSignUp {
    clear: both;
    color: #666666;
    }
    .headerSignUp h2 {
    font-size: 18px;
    text-align: left;
    margin-bottom: -10px;
    padding: 20px 30px 0 30px;
    line-height: 22px;
    }
    .signupdiv p {
    margin: 0;
    padding: 0;
    }

.grid {
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/*
.row {

    margin-bottom: 1%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.col-1 {
    width: 8.33%;
}

.col-2 {
    width: 16.66%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33%;
}

.col-5 {
    width: 41.66%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33%;
}

.col-8 {
    width: 66.66%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33%;
}

.col-11 {
    width: 91.66%;
}

.col-12 {
    width: 100%;
}

.col-pad {
    padding: 5%;
}
*/
.row {padding: 0;
margin: 0;}

.mobile-slide {
    display: none;
}

.mobile-slide-small {
    display: none;
}

.pad-right {
}

.pad-left {

}

.center-link {
    display: block;
    text-align: center;
}

@media screen and (max-width: 380px) {
    .col-4 {
        min-width: 100%;
    }
}



@media screen and (max-width: 479px) {
    .mobile-slide {
        display: none;
    }
    .mobile-slide-small {
        display: block;
    }
}

@media screen and (max-width: 760px) {
    .col-8 {
        width: 100%;
        order: 2;
    }
    .pad-left { 
        margin-left: -8px;
    }
    .invitations {
        display: none;
    }
     .slider, .prom-shield, .resources, .socialButton {
        display: none;
    }
    .mobile-slide {
        display: block;
    }
}

/* Slider Styles */

.slide {
    position: absolute;
    overflow: hidden;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
    }

.slider {
    height: 480px;
}

.active{
    opacity: 1;
}

.prom-shield {
    position: absolute;
    z-index: 1;
    top: 25px;
    left: 0;
}


.resp-img {
    max-width: 100%;
}


img.cartProductImage {
    width: 100px;
    height: 100px;
}

/*New Left Col */

#leftnav {
    width: 200px;
    box-shadow: none;
}

#leftnav h3 {
    text-transform: uppercase;
    background: #ffffff;
    color: #666666;
    border-bottom: 1px solid #000000;
    padding: 0 0 5px 5px;
    width: 90%;
}

a, a:visited { color: #000000;}

.searchUL li {
    margin-bottom: 8px;
}

.right_col { 
    padding-top: 11px;
}

.right_col h1 {
    background: #ffffff;
    color: #333333;
    border-bottom: 1px solid #000000;
    text-align: left;
    font-weight: lighter;
    padding: 0 0 5px 5px;
    text-transform: uppercase;
    letter-spacing: normal;

}


.newCat {
    width: 683px;
}
.catMiddle {
    margin: 0 10px 0 7px;
    display: inline-block;
}

.newCatLarge {
    margin-top: 5px;
    margin-bottom: 10px;
}
.newCat img {
    width: 218px;}

/* Footer Styling */

.footerOuterContainer {
    background: #fff;
    border-top: 1px solid #000;
}

.footerColTitle {
color: #555555;
text-transform: uppercase;
font-size: 1.6em;
}

div.footerColTitle {
    color: #555;
}

a.footerColContentListItemLink {
    color: #000;
    font-weight:normal;
}

.footertrust {
    color: #000;
}

.footerlinks {
    color: #000;
}

.footerCol {
    border-left: 3px solid #E7E7E7;
}

.footerlinks a, .footerlinks a:active, .footerlinks a:link {
    color: #000;
}

div.footercopyright, div.footerlinks {
margin-top: 25px;}

.imprintImage {
    background: url('http://www.andersons.com/~/media/52452366ceb74e339b7b919dc4df740f');
    background-repeat: none;
    height: 1390px;
    display: block;
}