/* RESET */ * { margin: 0; padding: 0; } a, img { outline: none; border: none; } .clear { clear: both; } .wrapper { width: 980px; padding: 0 10px; margin: 0 auto; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } @font-face {font-family: 'Open Sans';src: url('/shared_Gen/webfonts/opensans-bold.eot');src: url('/shared_Gen/webfonts/opensans-bold.eot?#iefix') format('embedded-opentype'),url('/shared_Gen/webfonts/opensans-bold.woff') format('woff'),url('/shared_Gen/webfonts/opensans-bold.ttf') format('truetype'),url('/shared_Gen/webfonts/opensans-bold.svg#open_sansbold') format('svg');font-weight: bold;font-style: normal;} @font-face {font-family: 'Open Sans';src: url('/shared_Gen/webfonts/opensans-bolditalic.eot');src: url('/shared_Gen/webfonts/opensans-bolditalic.eot?#iefix') format('embedded-opentype'),url('/shared_Gen/webfonts/opensans-bolditalic.woff') format('woff'),url('/shared_Gen/webfonts/opensans-bolditalic.ttf') format('truetype'),url('/shared_Gen/webfonts/opensans-bolditalic.svg#open_sansbold_italic') format('svg');font-weight: bold;font-style: italic;} @font-face {font-family: 'Open Sans';src: url('/shared_Gen/webfonts/opensans-semibold.eot');src: url('/shared_Gen/webfonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),url('/shared_Gen/webfonts/opensans-semibold.woff') format('woff'),url('/shared_Gen/webfonts/opensans-semibold.ttf') format('truetype'),url('/shared_Gen/webfonts/opensans-semibold.svg#open_sanssemibold') format('svg');font-weight: 600;font-style: normal;} @font-face {font-family: 'Open Sans';src: url('/shared_Gen/webfonts/opensans-regular.eot');src: url('/shared_Gen/webfonts/opensans-regular.eot?#iefix') format('embedded-opentype'),url('/shared_Gen/webfonts/opensans-regular.woff') format('woff'),url('/shared_Gen/webfonts/opensans-regular.ttf') format('truetype'),url('/shared_Gen/webfonts/opensans-regular.svg#open_sansregular') format('svg');font-weight: normal;font-style: normal;} body { background: url(/Content/images/homepageTopHeader.jpg) top center no-repeat #FFF; margin: 0; padding: 0; min-width: 320px;font-family: "Open Sans",sans-serif;} body.Home { background-image: url(/Content/images/BG/homeBG.jpg);} body.ContactStreamClass { /* background-image: url(/Content/images/contactBG.jpg); */} #header { float: left; width: 100%; height: 187px; } #headerLeft { float: left; width: 260px; margin-top:12px; margin-bottom:7px;} #logo { float: left; margin: 0px 0 0 0; height: 117px; width: 290px; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #logo img { float: left; max-width: 72%; } #logo:hover { opacity: 0.7; } /*#topSocialHolder { float: left; height: 30px; margin: 0px 0 0 34px; width: 200px; } .socialMediaLinkTop { height: 26px; width: 26px; border-radius: 50%; margin: 0 auto; display: block; border: 2px solid #CACCBE; position: relative; z-index: 10; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .socialHoverSpace { float: left; margin-left: 5px; width: 35px; height: 35px; } #TI-FB { background: url(/Content/images/topIcon-Facebook.jpg) no-repeat; } #TI-TW { background: url(/Content/images/topIcon-Twitter.jpg) no-repeat; } #TI-PN { background: url(/Content/images/topIcon-Pinterest.jpg) no-repeat; } #TI-GP { background: url(/Content/images/topIcon-GooglePlus.jpg) no-repeat; } #TI-BL { background: url(/Content/images/topIcon-Blog.jpg) no-repeat; } .socialMediaLinkTop:hover { border: 3px solid #7B8553; }*/ #topNav { float: right; margin: 15px 35px 0 0px; padding: 0; } #topNav li { float: left; list-style: none; margin-left: 21px; } #topNav li a { font-size: 13px; color: #111; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #topNav li a#quickStyle { font-style: italic; font-weight: bold; color: #bf1117; } #topNav li a#quickStyle:hover { color: #0c7628; } #topNav li a#accountStyle { font-weight: bold; color: #0c7628; display: block; font-size: 12px; height: 26px; line-height: 26px; text-align: center; width: 95px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #topNav li a#accountStyle:hover, #topNav li a#accountStyle:active {cursor: pointer;} #topNav li a:hover { color: #0c7628; } #topNav li ul { position: absolute; z-index: 3000000; height: 0px; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #topNav li:hover ul { /*min-*/height: 64px; border:1px solid #cccccc; -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.4); box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.4); } #topNav li a#accountStyle:hover { background: #FFF; } #topNav li ul#accountDropDown { background: #FFF; width: 148px; margin-left: -53px; } #topNav li ul#accountDropDown li { float: left; width: 100%; min-height: 31px; margin: 0; border-bottom: 1px solid #cccccc; } #topNav li ul#accountDropDown li a { padding-left: 15px; width: 133px; float: left; line-height: 32px; text-transform: uppercase; color: #555555; font-size: 12px; letter-spacing: 0.5px; } #topNav li ul#accountDropDown li a:hover { background: #e5e5e5; color: #0c7628; } #topNav li:hover > a#accountStyle { background: #FFF; } #jungGaranteeMobile{display:none;} #searchTop { float: left; width: 400px/*410px*/; margin: 33px 0 0 40px; height: 31px; } #advancedSearchTop { float: left; margin: 9px 0 0 0; } #advancedSearchTop a { color: #bf1117; font-size: 12px; float: left; text-decoration: none; margin-left: 7px; letter-spacing: 0.5px; } #advancedSearchTop a:hover { text-decoration: underline; } #searchArrow { float: left; margin: 6px 0 0; } #searchForm { float: left; margin-left: 12px; border: 1px solid #9e9e9e; border-radius: 4px; overflow: hidden; } #SearchBox { background: #FFFFFF; border: none; float: left; font-size: 12px; height: 30px; letter-spacing: 1px; padding-left: 10px; width: 211px; border-right: 1px solid #cacaca; } .searchBoxTopBtn { float: left; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .searchBoxTopBtn:hover { opacity: 0.7; } #cartTop { margin: 10px 0 0 0px; float: right; /*float: left;*/ width: 280px; /*235px; height: 63px;*/ } .Home #cartIcon { background: url(/Content/images/ShopGardenSeedsAndGardeningSupplies.png) no-repeat; } #cartIcon { float: left; margin-left: 5px; background: url(/Content/images/ShopGardenSeedsAndGardeningSupplies2.png) no-repeat; height: 58px; width: 48px; } #creditCards { float: left; margin-left: 12px /*20px*/; margin-top: 6px; } #cart-descript-mini { float: left; margin: 11px 0 0 10px; width: 210px; } .gc_shoppingCartFullempty { float: left; width: 100%; } .gc_emptyCart { float: left; width: 140px; } #emptyMessage { float: left; font-size: 12px; letter-spacing: 0.5px; width: 100%; text-align: center; } #gc_totalQtyMini { float: left; font-size: 12px; letter-spacing: 0.5px; width: 100%; text-align: center; } #headerCartTotal { float: left; color: #000; font-size: 14px; letter-spacing: 1px; font-weight: 700; } .shoppingCartFullempty a { color: #383838; } .shoppingCartFullempty a:hover { color: #C01118; } #sideLinkHolder { float: right; width: 233px; margin-top: 17px; } .homeSideLink { background: #DCDCDC; border: 2px solid #7B8840; border-radius: 6px; color: #4E5B13; display: block; font-size: 14px; height: 49px; line-height: 47px; margin-top: 3px; padding-left: 0px; text-align: center; width: 228px; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .homeSideLink:hover, .homeSideLink:active { border-color: #FFF; background: #C01118; color: #FFF; } .homepagePromoBox { width: 477px; text-align: center; } .homepagePromoBox img { width: 100%; max-width: 477px; height:auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .homepagePromoBox:hover img {width:95%;} #homepagePromoBoxWrap {float:left; width:100%; margin-top:10px; height:269px; position:relative;} #promoBLeft {float:left; margin-left:2px;} #promoBRight {float:right;} #nav { float: left; width: 100%; text-align: center; height: 52px; margin: 0px 0 0; position: relative; z-index: 50000; } #nav li {display: inline-block; position:static; padding: 0; list-style: none; border-right: 1px solid #bfc9e3; height: 36px; margin: 9px 0 0 -4px; } #nav .a, #nav a { color: #222222; display: block; font-size: 14px; font-weight: 600; height: 37px; letter-spacing: 0.5px; line-height: 36px; padding: 0 10px; text-decoration: none; } #nav li:last-child {border: none;} #freeShipMessage {display:none;} /* #nav { float: right; height: 52px; margin: 0px 0 0; position: relative; z-index: 50000; } #nav li { float: right; margin: 0; padding: 0; position: relative; list-style: none; border-right: 1px solid #bfc9e3; height: 36px; margin-top: 9px; } #nav a { color: #222222; display: block; font-size: 14px; font-weight: 600; height: 37px; letter-spacing: 0.5px; line-height: 36px; padding: 0 12px; text-decoration: none; } */ #nav li.lastCatNav { border: none; } #nav li:hover .a, #nav li:active .a, #nav a:hover { color: #C01118; height: 37px; position: relative; z-index: 10; text-decoration: none; background: url(/Content/images/navHov.png) bottom repeat-x; text-decoration: none; } #nav li:hover > a { color: #C01118; height: 37px; position: relative; z-index: 10; text-decoration: none; background: url(/Content/images/navHov.png) bottom repeat-x; text-decoration: none; } #nav .a:hover {cursor: default;} /*--- DROPDOWN --- ======================================================================== */ #farmseedDD .navCols1 { } #nav li ul { background: #fff; width: 978px; margin: -1px 0 0; list-style: none; position: absolute; height: 0px; left: 0; overflow: hidden; border-radius: 0 0 6px 6px; z-index: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #nav li:hover ul {height: auto; border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} .topBorderLine { float: left; height: 1px; width: 100%; background: #ccd7f1; } #nav ul li { padding-top: 1px; float: none; } #nav ul li a:hover { color: #C01118; } #nav li ul#vegetablesDD, #nav li ul#fruitsDD, #nav li ul#annualsDD, #nav li ul#perennialsDD, #nav li ul#treesshrubsandvinesDD, #nav li ul#flowersDD, #nav li ul#fruitsandnutsDD, #nav li ul#aaswinnersDD, #nav li ul#plantsDD, #nav li ul#farmseedDD, #nav li ul#herbsDD, #nav li ul#gardensuppliesDD { height: 0px; width: 978px; left: 0; border-left: 1px solid #CCD7F1; border-right: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li ul#bulbsDD { height: 0px; width: 796px;/*655px;*/ left: auto; right: 0; /*margin-left: -164px;*/ border-left: 1px solid #CCD7F1; border-right: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li ul#rosesDD { height: 0px; /*width: 796px;*/ left: auto; right: 0; /*margin-left: -377px;*/ border-left: 1px solid #CCD7F1; border-right: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li ul#vegetablesDD { } #nav li #subCatNav175 .subCatList li { } #nav li ul#flowersDD .subCatDisplay.navCols5 {width:61%;} #nav li ul#fruitsandnutsDD .subCatDisplay.navCols3 {width:46%;} #nav li ul#plantsDD .subCatDisplay.navCols3 {width:46%;} #herbsDD .subCatDisplay.navCols6 {width:100%;} #nav li ul .subCatDisplay.navCols6 { } #herbsDD .subCatDisplay .featuredCatImages {width:calc(50% - 10px);} #nav li ul#herbsDD .subCatDisplay {} /* hover to make the transition of the dropdown*/ /* #nav li:hover ul#vegetablesDD { height: 630px; border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li:hover ul#fruitsDD { height: 360px; border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li:hover ul#annualsDD { height: 660px; border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li:hover ul#perennialsDD { height: 660px; border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li:hover ul#herbsDD {height: 236px; border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li:hover ul#bulbsDD {height: 240px; border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li:hover ul#rosesDD {height: 270px; border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li:hover ul#treesshrubsandvinesDD { height: 540px; border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li:hover ul#gardensuppliesDD { height: 360px; border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} */ #nav li:hover ul#vegetablesDD { border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li:hover ul#fruitsDD { border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li:hover ul#annualsDD { border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li:hover ul#perennialsDD { border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li:hover ul#herbsDD { border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li:hover ul#bulbsDD { border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li:hover ul#rosesDD { border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li:hover ul#treesshrubsandvinesDD { border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} #nav li:hover ul#gardensuppliesDD { border-bottom: 1px solid #CCD7F1; transition: all 0.4s ease;} .subCatDisplay .featuredCatImages {position: absolute; bottom: 0;} #herbsDD .subCatDisplay .featuredCatImages {position: absolute; bottom:-149px;} /* #nav li ul#vegetablesDD .subCatDisplay {min-height: 600px; position: relative;} #nav li ul#fruitsDD .subCatDisplay {min-height: 330px; position: relative;} #nav li ul#annualsDD .subCatDisplay {min-height: 630px; position: relative;} #nav li ul#perennialsDD .subCatDisplay {min-height: 630px; position: relative;} #nav li ul#herbsDD .subCatDisplay {min-height: 220px; position: relative;} #nav li ul#bulbsDD .subCatDisplay {min-height: 215px; position: relative;} #nav li ul#rosesDD .subCatDisplay {min-height: 240px; position: relative;} #nav li ul#treesshrubsandvinesDD .subCatDisplay {min-height: 510px; position: relative;} #nav li ul#gardensuppliesDD .subCatDisplay {min-height: 330px; position: relative;} */ #nav li ul#vegetablesDD .subCatDisplay { position: relative;} #nav li ul#fruitsDD .subCatDisplay { position: relative;} #nav li ul#annualsDD .subCatDisplay { position: relative;} #nav li ul#perennialsDD .subCatDisplay { position: relative;} #nav li ul#herbsDD .subCatDisplay { position: relative;} #nav li ul#bulbsDD .subCatDisplay { position: relative;} #nav li ul#rosesDD .subCatDisplay { position: relative;} #nav li ul#treesshrubsandvinesDD .subCatDisplay { position: relative;} #nav li ul#gardensuppliesDD .subCatDisplay { position: relative;} #nav li ul#farmseedDD .subCatDisplay.navCols6 ul.subCatList {width:98%;} #nav li ul#farmseedDD ul li {float:left; padding:0 5%;} #nav li ul#farmseedDD ul li:first-child {padding-left:0;} .subCatDisplay {display: block; position: relative;} .subCatDisplay.Display1 {float: left; margin: 1%; padding: 0.5%} .subCatDisplay.Display2 {float: left; margin: 1% 1% 1% 0; padding: 0.5% 0.5% 0.5% 1.5%; border-left: 1px solid #CCD7F1; } .subCatDisplay.Display3 {float: left; margin: 1% 1% 1% 0; padding: 0.5% 0.5% 0.5% 1.5%; border-left: 1px solid #CCD7F1; } .subCatDisplay.Display4 {float: left; margin: 1% 1% 1% 0; padding: 0.5% 0.5% 0.5% 1.5%; border-left: 1px solid #CCD7F1; } .subCatDisplay.navCols1 {width:21.9%; } .subCatDisplay.navCols2 {width: 30.2%;} .subCatDisplay.navCols3 {width: 46%;} .subCatDisplay.navCols4 {width: 63.4%;} .subCatDisplay.navCols5 {width: 71%;} .subCatDisplay.navCols6 {width: 97%;} #flowersDD .subCatDisplay.navCols4 {width:43%;} #flowersDD .subCatDisplay.navCols1 {width:14.8%;} #subCatNav175 {width:25%; float:left;} #subCatNav86 {width:68%; float:left;} #nav li ul .subCatDisplay ul.subCatList {display: block; float: left; position: static; width: auto; border-bottom: none;} #nav li ul .subCatDisplay.navCols1 ul.subCatList {margin: 5px 1%; width: 98%;} #nav li ul .subCatDisplay.navCols2 ul.subCatList {margin: 5px 1%; width: 48%;} #nav li ul .subCatDisplay.navCols3 ul.subCatList {margin: 5px 1%; width: 48%;} #nav li ul #subCatNav11.subCatDisplay.navCols3 ul.subCatList {margin: 5px 1%; width: 31.15%;} #nav li ul .subCatDisplay.navCols4 ul.subCatList {margin: 5px 1%; width: 23%; padding-bottom:5px;} #nav li ul .subCatDisplay.navCols5 ul.subCatList {margin: 5px 1%; width: 18%;} #nav li ul .subCatDisplay.navCols6 ul.subCatList {margin: 2px 1%; width: 98%;} #nav li ul .subCatDisplay.navCols6 ul.subCatList li {float:left; width:18%;} #nav li ul#suppliesDD .subCatDisplay.navCols6 ul.subCatList li {float:left; width:25%;} #nav li ul#suppliesDD .subCatDisplay {min-height:375px !important;} #nav li ul#suppliesDD .subCatDisplay.navCols6 ul.subCatList {margin: 2px 1%; width: 18%;} #nav li ul#suppliesDD .subCatDisplay.navCols6 ul.subCatList li {width:100%;} #nav li:hover ul#suppliesDD {height:400px !important;} #nav ul#suppliesDD, #nav ul#collectionsDD, #nav ul#berriesDD, #nav ul#herbsDD, #nav ul#graftedplantsDD, #nav ul#peppersDD, #nav ul#tomatoesDD {border-left:1px solid #CCD7F1; border-right:1px solid #CCD7F1;} #nav li:hover ul#peppersDD {min-height:270px;} #nav li:hover ul#tomatoesDD {min-height:350px;} #nav li ul#vegetablesDD .subCatDisplay ul.subCatList {min-height: 195px;} #nav li ul#treesshrubsvinesDD .subCatDisplay ul.subCatList {min-height: 195px;} #nav li ul#herbsDD .subCatDisplay.navCols6 ul.subCatList.subCatListAllAcross {width: 96%; margin: 0;} #nav li ul#herbsDD .subCatListAllAcross li {display: block; float: left; margin: 5px 5%;} #nav li ul#herbsDD .subCatListAllAcross li:first-child {margin-left:0;} #nav li ul#herbsDD .subCatDisplay.navCols6 .featCatNav {float: left; padding: 10px 1%; width: 31%;} #nav li ul#bulbsDD .subCatDisplay.navCols6 ul.subCatList.subCatListAllAcross {width: 100%; margin: 0;} #nav li ul#bulbsDD .subCatListAllAcross li {display: block; float: left; width: 18%; margin: 5px 1%;} #nav li ul#bulbsDD .subCatDisplay.navCols6 .featCatNav {float: left; padding: 10px 1%; width: 18%;} /*#nav li ul#rosesDD .subCatDisplay.navCols6 ul.subCatList {margin: 5px 1%; width: 18%;} #nav li ul#rosesDD .subCatDisplay.navCols6 .featCatNav {float: left; padding: 10px 1%; width: 18%;}*/ #nav li:hover ul a { text-decoration: none; } #nav li:hover ul li a:hover { color: #0c7628; } #nav a.subCatHeader { color: #BF1117; float: left; font-size: 14px; font-weight: 700; height: auto; letter-spacing: 1px; line-height: 13px; padding: 0; margin: 5px 1%; text-transform: uppercase; width: 98%; height: 26px; display: block;} #nav li ul ul.subCatList { background: none; border-radius: 0; float: left; height: auto; } #nav li ul ul li a { color: #222222; display: block; font-size: 11px; line-height: 12px !important; height: 100%; letter-spacing: 0.5px; line-height: normal; padding: 0 5%; text-decoration: none; } #nav li ul ul li:hover > a { color: #BF1117; position: relative; z-index: 10; text-decoration: none; background: none; text-decoration: none; height: 100%;} #nav li ul ul li a span {display: table; width: 100%; height: 100%;} #nav li ul ul li a span span {display: table-cell; vertical-align: middle;} #nav li ul .subCatDisplay.navCols1 .featCatNav {float: left; padding: 15px 1% 0; width: 98%;} #nav li ul .subCatDisplay.navCols2 .featCatNav {float: left; padding: 15px 1% 0; width: 48%;} #nav li ul .subCatDisplay.navCols3 .featCatNav {float: left; padding: 15px 1% 0; width: 31%;} #nav li ul .subCatDisplay.navCols4 .featCatNav {float: left; padding: 15px 1% 0; width: 23%;} #nav li ul .subCatDisplay.navCols5 .featCatNav {float: left; padding: 15px 1% 0; width: 18%;} #nav li ul .subCatDisplay.navCols6 .featCatNav {float: left; padding: 15px 1% 0; width: 14.5%;} .subCatDisplay .featuredCatImages { float: left; width: calc(100% - 10px); margin: 5px 0 0; border-top: 1px solid #ccc;} /*.subCatDisplay .featCatNav { float: left; margin-left: 1%; width: 144px; }*/ #nav a.featCatImageLink { margin: 0 5%; border: 1px solid #555555; display: block; float: left; height: 85px; letter-spacing: 0; line-height: normal; overflow: hidden; padding: 0; width: 90% /*126px*/; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #nav a.featCatImageLink:hover { opacity: 0.7; } #nav a.featCatImageLink:hover .catNameUnderFeat { color: #222; } #nav .featCatNav a.catNameUnderFeat {margin: 0 5%; color: #222222; display: block; float: left; height: 30px; margin: 4px 0 0; padding: 0; width: 90%; /*128px;*/ } #nav .featCatNav a .table {width: 100%; height: 100%; display: table;} #nav .featCatNav a .table .cell {display: table-cell; vertical-align: middle; text-align: center; font-size: 10px; line-height: 10px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;} #nav a.catNameUnderFeat:hover { color: #C01118; } .featCatSpan img.catImageTag { float: left; margin-top: -10px; } /*.featCatSpan { height: 85px; margin-left: -6px; position: absolute; width: 128px; }*/ .featuredCatImages li { float: left; } /* TABLET DROPDOWNS ==================================================================== */ @media only screen and (min-width: 640px) and (max-width: 999px) { #nav li ul ul li {height: 24px !important;} #nav li ul ul li a {font-size: 10px; line-height: 10px !important; margin: 2px 0 !important; overflow: hidden;} #nav li ul#vegetablesDD, #nav li ul#flowersDD, #nav li ul#fruitsandnutsDD, #nav li ul#aaswinnersDD, #nav li ul#plantsDD, #nav li ul#farmseedDD, #nav li ul#gardensuppliesDD, #nav li ul#herbsDD { height: 0px; width: 638px/*978px*/;} #nav li ul#herbsDD { height: 0px; width: 638px;} #nav li ul#bulbsDD { height: 0px; width: 517px;/*427px;*/} #nav li ul#rosesDD { height: 0px; width: 638px;/*517px;*/} .subCatDisplay .featuredCatImages {display: none;} #nav li ul#herbsDD .subCatListAllAcross li {margin:5px 4%;} #nav li ul#farmseedDD ul li {padding:0 3%;} /* #nav li ul#vegetablesDD .subCatDisplay {min-height: 345px;} #nav li ul#fruitsDD .subCatDisplay {min-height: 180px;} #nav li ul#annualsDD .subCatDisplay {min-height: 395px;} #nav li ul#perennialsDD .subCatDisplay {min-height: 406px;} #nav li ul#herbsDD .subCatDisplay {min-height: 70px;} #nav li ul#bulbsDD .subCatDisplay {min-height: 70px} #nav li ul#rosesDD .subCatDisplay {min-height: 94px;} #nav li ul#treesshrubsandvinesDD .subCatDisplay {min-height: 310px;} #nav li ul#gardensuppliesDD .subCatDisplay {min-height: 170px;} #nav li:hover ul#vegetablesDD { height: 402px;} #nav li:hover ul#fruitsDD { height: 200px; } #nav li:hover ul#annualsDD { height: 426px; } #nav li:hover ul#perennialsDD { height: 426px; } #nav li:hover ul#herbsDD { height: 80px; } #nav li:hover ul#bulbsDD { height: 86px; } #nav li:hover ul#rosesDD { height: 115px; } #nav li:hover ul#treesshrubsandvinesDD { height: 330px; } #nav li:hover ul#gardensuppliesDD { height: 190px; } */ /*#nav li ul#rosesDD { height: 275px;}*/ } /* .subCatDisplay { float: left; margin: 21px 0 11px 22px; } */ .subCatDisplay a {text-align: left;} #nav li ul ul li { height: 30px; /*auto;*/ margin: 0; border: none; padding: 0; display: block;} #specialPromoArea { color: #FFFFFF; float: left; font-size: 27px; font-style: italic; font-weight: 700; height: 50px; letter-spacing: 2px; margin: 19px 0 0 262px; width: 700px; text-align: center; text-shadow: 2px 2px #4D5136; } #cartPageCrumbspacer { float: left; width: 100%; /*height:50px;*/ } .CartSummary #cartPageCrumbspacer { height: 21px; } .topStructure {display: block; float: left; width: 100%;} .Home #specialPromoAreaSecondary { color: #FFFFFF; float: left; font-size: 23px; font-style: italic; font-weight: 700; letter-spacing: 2px; margin: 15px auto -2px /*15px 0 -2px 119px*/; text-align: center; text-shadow: 2px 2px #4D5136; width: 100% /*845px*/; } .ContactStreamClass #specialPromoAreaSecondary { display: none; } .Home .specialAreaHLcolor { color: #F2F5B5; } #specialPromoAreaSecondary { color: #EC1A23; float: left; font-size: 23px; font-style: italic; font-weight: 700; letter-spacing: 2px; margin: 10px auto 0; text-align: center; text-shadow: 2px 2px 0 #ccc; width: 100%; } .specialAreaHLcolor { color: #0c7628; } #liveChat { float: right; height: 45px; margin: 18px 12px 0 0; text-decoration: none; } #liveChatIcon { float: left; margin: 5px 0 0 0; } #liveChatText { border-bottom: 2px solid #213B7F; color: #FFFFFF; float: left; font-size: 17px; font-weight: 600; letter-spacing: 1px; margin: 6px 0 0 11px; } #liveChat:hover #liveChatText { border-bottom: 2px solid #BF1117; color: #FAFFBC; } #contactFormWrap { float: left; width: 540px; } .ContactStreamClass .wrapperContent { background: none; } #ContactForm label { display: block; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #0c7628; } #ContactForm input[type="text"], #ContactForm input[type="email"], #ContactForm input[type="password"], #ContactForm textarea {font-family: inherit; border: 3px solid #BFBFBF; color: #333; margin-top: 2px; font-size: 1.2em; padding: 7px; width: 473px; border-radius: 4px; transition: all 0.3s ease;} #ContactForm input:focus, #ContactForm textarea:focus, #recaptcha_response_field { border: 3px solid #0c7628; transition: all 0.3s ease;} #ContactForm label.error { display: inline; color: #DB2C33; margin-left: 5px; } #ContactForm input.error, #ContactForm textarea.error, #recaptcha_response_field.error, .mathQuest #answer #questAns .error { border: 3px solid #DB2C33 !important; color: #f00 !important; background-color: #F9E3E3 !important; } #ContactFormCaptcha { margin-top: 0px; } .contactDirectTo { border: 3px solid #BFBFBF; border-radius: 4px; padding: 3px; margin-top: 2px; font-family: inherit; font-size: 1.2em; color: #333;} #contactBodyContent { float: left; width: 100%; } /* REQUEST CATALOG FORM ================================================================== */ #RequestContactForm label { display: block; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #0c7628; } #RequestContactForm input[type="text"], #RequestContactForm input[type="email"], #RequestContactForm input[type="password"], #RequestContactForm select, #RequestContactForm textarea, #RequestContactForm #StateDisplay { border: 3px solid #BFBFBF; color: #333; margin-top: 2px; line-height: 20px; font-size: 1.2em; padding: 7px; width: 380px; border-radius: 4px; } #RequestContactForm select { width: 400px; } #RequestContactForm #StateDisplay { display: block; height: 20px; } #RequestContactForm input:focus, #RequestContactForm textarea:focus, #RequestContactForm select:focus { display: inline; color: #DB2C33; border: 3px solid #0c7628; } #RequestContactForm label.error { display: inline; color: #DB2C33; } #RequestContactForm input.error, #RequestContactForm textarea.error, #recaptcha_response_field.error, .mathQuest #answer #questAns .error { border: 3px solid #DB2C33 !important; color: #f00 !important; background-color: #F9E3E3 !important; } #RequestContactForm input[type="checkbox"]:focus { margin-left: 0; } #mainContent p#SendButton { margin: 5px 0; } /* #mainContent p#SendButton input { margin-top: 10px; float: left; border: 1px solid #8F0F0F; border-radius: 5px; color: #FFFFFF; cursor: pointer; font-size: 13px; font-weight: 700; letter-spacing: 1px; padding: 4px 9px 5px; text-transform: uppercase; background: -webkit-linear-gradient(#F44046, #C00209); background: -o-linear-gradient(#F44046, #C00209); background: -moz-linear-gradient(#F44046, #C00209); background: linear-gradient(#F44046, #C00209); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainContent p#SendButton input:hover { background: #0c7628; border-color: #09591e; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } */ /* hiding until Live Chat is added back #liveChatContact {background:#E3E3E3;float: right;margin-right: 51px;margin-top: 14px;padding: 15px;width: 200px;} */ #liveChatContact { display: none; } #mainContent #ContactForm p.selectionDirect { width: 200px; } #mainContent #ContactForm p { float: left; width: 100%; margin: 7px 0; } #mainContent #ContactForm p#SendButton {text-align: center; } #mainContent #ContactForm p#SendButton input {float: none; display: inline-block;} #mapPointersWrap { float: left; height: 345px; margin: 37px 0 0 201px; width: 169px; position: relative; } .mapPointerImage { background: url(/Content/images/contactMapPointer.png) no-repeat; height: 52px; width: 43px; display: block; position: absolute; } .mapPointerImage:hover { background: url(/Content/images/contactMapPointerO.png) no-repeat; } #contactStevensPoint { margin: 10px 0 0 19px; } #contactMadisonSouth { margin: 265px 0 0 20px; } #contactMadisonNorth { margin: 219px 0 0 42px; } #contactSunPrarie { margin: 199px 0 0 87px; } #contactRandolph { margin: 146px 0 0 106px; } .securitySection { float: left; } .securitySection #lastStepTitleText { color: #E91D26; float: left; font-weight: 600; letter-spacing: 1px; font-size: 14px; line-height: 18px; margin-top: 20px; width: 90%; padding: 0 5%; text-align: center; } .securitySection .mathQuest { float: left; margin: 10px 0; width: 100%; } .securitySection .mathQuest .labelSpace { float: left; width: 100%; text-align: center;} .securitySection .mathQuest .labelSpace .addNumb { color: #0c7628; display: inline-block; font-size: 24px; font-weight: 700; vertical-align: middle; } .securitySection .mathQuest .labelSpace .addNum { color: #939393; display: inline-block; font-size: 22px; font-weight: 700; vertical-align: middle; text-align: center; width: 22px; } .securitySection .mathQuest #answer {display: inline-block; vertical-align: middle;} #RequestContactForm .securitySection .mathQuest #answer input[type="text"] {width: 40px; text-align: center; font-size: 20px; font-weight: 700;} #RequestContactForm p#SendButton {width: 100%; float: left; text-align: center;} #RequestCatalogID #mainContent p#SendButton input {float: none; display: inline-block;} #ContactForm #questAns { background: #FFF; border: 3px solid #BFBFBF; border-radius: 3px; color: #333333; font-size: 18px; font-weight: 700; height: 17px; text-align: center; transition: all 0.3s ease-in-out 0s; width: 36px; } #ContactForm #questAns:focus { border: 3px solid #0c7628; } #mainContent .contactPDFDownload { background: url(/Content/images/contactPDFIcon.png) no-repeat; clear:both; color: #E91D26; display: block; font-size: 17px; font-weight: 700; height: 48px; line-height: 40px; padding-left: 160px; text-decoration: none; width: 240px; } #mainContent .contactPDFDownload:hover { background: url(/Content/images/contactPDFIconO.png) no-repeat; color: #283EA1; } #mainContent .contactPDFlinkWrap { float: left; margin-bottom: 30px; width:auto; clear:both; width:100%;} #altContactMethods { float: left; margin-left: -117px; width: 350px; } .altContactMethod { float: left; font-size: 12px; line-height: 18px; margin-top: 8px; width: 100%; } .altCMtitle { color: #0c7628; float: left; font-style: italic; letter-spacing: 0.5px; margin-bottom: 2px; width: 90%; border-bottom: 1px solid #C5C5C5; padding-bottom: 2px; margin-bottom: 5px; } #jungGardenCentersLink { display: none; height: 165px; width: 165px; float: right; margin: 0; } /* About Us Page ===================================================== */ .aboutTimeline { display: block; margin: 0 auto; width: 100%; height: 350px; max-width: 970px; background: url(/Content/images/jungTimeline.jpg) no-repeat; } .aboutTimeline #time1 { display: block; margin: 0 auto; width: 175px; float: left; font-size: 36px; color: #25469B; font-weight: bold; position: relative; top: 105px; left: 55px; } .aboutTimeline #time2 { display: block; margin: 0 auto; width: 175px; float: left; font-size: 36px; color: #25469B; font-weight: bold; position: relative; top: 87px; left: 50px; } .aboutTimeline #time3 { display: block; margin: 0 auto; width: 175px; float: left; font-size: 36px; color: #25469B; font-weight: bold; position: relative; top: 59px; left: 42px; } .aboutTimeline #time4 { display: block; margin: 0 auto; width: 175px; float: left; font-size: 36px; color: #25469B; font-weight: bold; position: relative; top: 30px; left: 51px; } .aboutTimeline #time5 { display: block; margin: 0 auto; width: 120px; float: left; font-size: 36px; color: #25469B; font-weight: bold; position: relative; top: 8px; left: 90px; } .aboutTimeline .timeInfo { display: block; margin: 0 auto; width: 122px; font-size: 12px; color: grey; font-weight: normal; line-height: 16px; margin-left: -7px; padding: 15px 0 0 0; } #homeH5Tester {color:#ff0000; background:url(/Content/images/h5Custom.png) top center no-repeat; width:977px; height:59px; line-height:65px; text-align:center; margin:0; padding:0; border:none;} /*#homepageRotatorWrap { background: url(/Content/images/transparentWhite.png) repeat; padding: 16px; width: 702px; width: 948px; float: left; margin: 21px 0 10px 2px; } */ #homepageRotatorWrap {width: 980px; float: left; } #homepageRotatorWrap img {width: 100%; height: auto; display: block;} .homepageRotator { float: left; width: 100%; display: none; } .homepageRotatorWide { float: left; width: 100%;} .homepageGiftCert {display: block; width: 100%; float: left; margin: 10px 0; position: relative;} .homepageGiftCert img {display: block; width: 100%; height: auto;} .homepageGiftCert .linkPositioning {position: absolute; top: 35px; right: 50px;} .homepageGiftCert .GiftCert {} .homepageProducts { float: left; width: 980px; background: #FFF; margin-top: 18px; } .SpecialProdsHeader { float: left; width: 965px; height: 29px; color: #FFF; font-size: 15px; letter-spacing: 1px; line-height: 29px; font-weight: 700; padding-left: 15px; } #featuredHPprods { background: url(/Content/images/featuredProductsBG.jpg) top right no-repeat #AB1C22; } #topSellerHPprods { background: url(/Content/images/topSellersBG.jpg) top right no-repeat #003A8E; } .homepageProdsInner { float: left; width: 100%; min-height: 250px; } #featuredRotator { width: 900px; float: left; margin: 0 0 0 7px; } #topSellingRotator { width: 900px; float: left; margin: 0 0 0 7px; } #homepageBtnWrapper {max-width:1340px; width:98%; padding:0 1%; margin:25px auto 0; } .homepageBoxBtn {max-width:304px; float: left; width: 24.1%; height:343px; position: relative;} #newsletterBox {background:url(/Content/images/newsLetterBG.png) top right no-repeat; z-index:4; margin-left:3%;} #findPlantsBox {background:url(/Content/images/findPlantsBG.png) top right no-repeat; z-index:3;} #catalogBox {background:url(/Content/images/catalogBG.png) top right no-repeat; z-index:2;} #webSpecialsBox {background:url(/Content/images/webSpecialsBG.png) top right no-repeat; z-index:1;} .hpBoxTitle {float:left; margin:25px 0 0 1%; max-width:295px; width:86%;} .homepageBoxBtn .buttonWrap {float: left; margin: 12px 0 0 5%; width: 83%;} #zipContainer { float: left; width: 83%; margin: 12px 0 0 5%; } #zipCodeLocator { border: 2px solid #0c7628; float: left; height: 30px; padding: 0 0 0 2%; width: 96%; } #zipCodeLocatorSubmit { background: #c01118; border: 1px solid #660d0d; border-radius: 3px; color: #ffffff; font-size: 13px; letter-spacing: 1px; margin: 15px 0 0; padding: 7px 21px; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease-in-out 0s; } #zipCodeLocatorSubmit:hover, #zipCodeLocatorSubmit:active { background: #EAB209; border-color: #8E6D00; color: #8E6D00; } .homepageBoxBtnM { display: none; width: 98%; margin: 0 1%; float: left; position: relative; } .mobileBoxBtn { float: left; width: 100%; } #newsLetterSignUp { float: left; margin: 12px 0 0 5%; width: 83%; } #newsletter { float: left; width: 96%; border: 2px solid #0c7628; height: 30px; padding-left: 2%; margin: 0 0 8px; } /*#newsLetterSubmit { background: #C01118; border: 1px solid #660D0D; border-radius: 3px; color: #FFFFFF; font-size: 13px; letter-spacing: 1px; margin: 15px 0 0; padding: 7px 21px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #newsLetterSubmit:hover { background: #EAB209; border-color: #8E6D00; color: #8E6D00; } */ #newsLetterBoxMessage, #webSpecialsBoxMessage { color: #fcf596; float: left; font-size: 13px; line-height: 23px; margin-left: 6%; margin-top: 33px; width: 47%; } /*#requestCatalogBoxLink { background: #C01118; border: 1px solid #660D0D; border-radius: 3px; color: #FFFFFF; float: left; font-size: 11px; letter-spacing: 1px; margin: 55px 22% 0 5%; padding: 9px 11px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #requestCatalogBoxLink:hover { background: #EAB209; border-color: #8E6D00; color: #8E6D00; }*/ #viewOnlineBoxLink { background: #EAB209; border: 1px solid #8E6D00; border-radius: 3px; color: #8E6D00; float: left; font-size: 11px; letter-spacing: 1px; margin: 15px 0 0 5%; padding: 9px 11px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #viewOnlineBoxLink:hover { background: #C01118; border-color: #660D0D; color: #FFFFFF; } #webSpecialInnerB { float: left; margin: 9px 0 0 5%; width: 83%; } /*#webSpecialsBoxLink, #zoneLookupBoxLink { float: left; text-decoration: none; border-bottom: 1px solid #FFF; color: #EAB209; font-size: 13px; letter-spacing: 0.5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #webSpecialsBoxLink:hover, #zoneLookupBoxLink:hover { color: #FFF; border-color: #C01118; } */ #quickOrderBoxLink { float: left; width: 63%; margin: 71px 0 0 2%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #quickOrderBoxLink img { width: 100%; } #quickOrderBoxLink:hover { opacity: 0.7; } #quickSearchResults { background: none repeat scroll 0 0 #FFFFFF; float: left; margin: 12px 0 0 57px; max-height: 438px; overflow-y: auto; padding: 0 20px 5px 5px; width: 418px; } .productQuickResults { border-top: 1px solid #D7D7D7; float: left; margin-bottom: 7px; padding-top: 7px; width: 100%; } .QuickResultImage { float: left; max-width: 75px; width: 29%; } .resultInfo { float: left; margin-left: 3%; width: 77%; } .resultName { color: #222222; float: left; font-size: 13px; font-weight: normal; letter-spacing: 0.5px; margin-top: 5px; width: 100%; } .resultPID { color: #C91016; float: left; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin-top: 3px; width: 100%; } .TRrowBorderLine { width: 100%; height: 1px; background: red; float: left; } .TD60 { padding-top: 14px; } .QO_itemRow td input[type=button] { background: url(/Content/images/QOremove.jpg) no-repeat; border: 0; display: block; height: 24px; width: 24px; cursor: pointer; margin: 0 auto; } .QO_itemRow td input[type=button]:hover { background: url(/Content/images/QOremoveO.jpg) no-repeat; } .quickItem { float: left; margin: 3px 0; padding-bottom: 3px; width: 100%; } .quickItem .CartItemLink {display: inline-block; width: 100%;} /* Wolfie: Added no wrap */ .quickItem2 { float: left; font-size: 14px; line-height: 29px; margin: 3px 0; padding-bottom: 6px; width: 100%; white-space:nowrap; } .quickItem3 { color: #0c7628; float: left; font-size: 15px; font-weight: 700; letter-spacing: 0.5px; line-height: 29px; margin: 3px 0; padding-bottom: 6px; width: 100%; } .qI3Inner { margin: 0 auto; width: 80px; text-align: center; } .seperatorSearcHLine { } .QIimage { float: left; max-width: 75px; width: 29%; margin: 0 20px 0 0;} .quickItemName, .quickItemPID, .quickItemQty, .wlUser { float: left; /*margin-left: 3%;*/ width: 73%; } .quickItemName { color: #222; letter-spacing: 0.5px; font-weight: normal; font-size: 14px; line-height: 17px; } .quickItemPID { color: #C91016; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin-top: 3px; } .quickItemQty { font-size: 13px; font-style: italic; letter-spacing: 1px; color: #888888; } /* .qtyInputQO, .buyProduct select { background: #DBDBDB; border: medium none; color: #000000; float: left; font-size: 15px; font-weight: 700; height: 29px; text-align: center; width: 40%; margin: 0 6px 0 10px; } */ .qtyInputQO, .buyProduct select { background: #DBDBDB; border: medium none; color: #000000; float: left; font-size: 15px; font-weight: 700; height: 29px; text-align: center; width: 45%; margin: 0 6px 0 10px; } .buyProduct {} .buyProduct select {float: none; margin: 0px auto; display: block;} #Div1 { float: left; } #mainContent { float: left; font-size: 13px; color: #222; line-height: 20px; width: 100%; } .quickOrderContent { float: left; font-size: 13px; color: #222; line-height: 20px; margin-bottom: 39px; } h1 { font-size: 19px; font-weight: 700; letter-spacing: 0.5px; color: #B7080F; margin: 20px 0 10px 0; } .CatPage h1 {margin: 0; /*width: 780px; margin-top: 12px; margin-left: 7px;*/} #ProductSearch h1 {margin: 20px 0 10px 0;} h2 { font-size: 16px; font-weight: 600; color: #0c7628; letter-spacing: 0.5px; margin: 20px 0 10px 0; } h3 { color: #0c7628; font-size: 15px; font-weight: 600; font-style: italic; letter-spacing: 1px; margin: 20px 0 10px 0; } h4 { margin: 20px 0 10px 0; color: #6F9200; } /*h5 { background: url("/Content/images/h5BG.jpg") no-repeat left top; border: 1px solid #C8CB9E; border-radius: 3px; color: #B7080F; font-size: 13px; font-weight: normal; margin: 20px 0 10px; min-height: 33px; padding-left: 128px; padding-top: 12px; padding-bottom: 6px; padding-right: 5px;}*/ h5 {color:#ff0000; background:url(/Content/images/h5Custom.png) top center no-repeat; width:977px; height:59px; line-height:65px; text-align:center; margin:0; padding:0; border:none;} #homeH5Tester {color:#ff0000; background:url(/Content/images/h5Custom.png) top center no-repeat; width:977px; height:59px; line-height:65px; text-align:center; margin:0; padding:0; border:none;} #mainContent h5 a {color:#0c7628;} #mainContent p {margin:10px 0;} #mainContent a {color:#B7080F;} #mainContent a:hover {color:#0c7628;} #mainContent ul {margin:10px 0; padding:0;} #mainContent ul li {background:url("/Content/images/mainContentListIcon.jpg") no-repeat left top; list-style:none outside none; margin:4px 0; padding-left:23px; padding-top:1px;} #mainContent ol {margin:10px 0 10px 20px; padding:0;} .wrapperContent {background:#FFF; width:96%; padding:7px 2% 25px; min-height:400px; margin:0 auto; max-width:980px; position:relative; /*z-index:0;*/} .CatPage .wrapperContent {min-height:0px;} #footer {width:100%; background:url(/Content/images/footerBG.jpg) top center no-repeat; /*margin-top: 50px;*/ min-height:270px;} #footCatNavRow {background:url(/Content/images/transparentWhite.png) repeat; width:100%; /*padding-bottom: 48px; padding-top: 20px;*/ padding:15px 0;} #footCatNav {margin:0; padding:0; float:left; display:block; width:100%; text-align:center;} #footCatNav li {border-left:1px solid #888888; /*float: left;*/ list-style: none outside none; padding: 0; display: inline-block;} #footCatNav li:first-child {border-left:none;} #footCatNav li:first-child a {padding:0 12px 0 0;} #footCatNav li:last-child a {padding:0 0 0 12px;} #footCatNav li a {color:#0c7628; font-size:14px; font-weight:bold; padding:0 12px; text-decoration:none; letter-spacing:0.5px; float:left;} #footCatNav li a:hover {color:#ED1B24;} #footerLogo {float:left; margin:0 25px 0 0;} #footerLogo img {width:100%;} #footNav2 {float:right; margin:10px 0 0 0; padding:0; width:670px; height:65px;} #footNav2 li {float:left; list-style:none; margin-right:24px; margin-top:6px;} #footNav2 li a {text-decoration:none; font-size:13px; color:#222;} #footNav2 li a:hover {color:#0c7628;} .copytext {float:left; margin:0 0 0 38px; color:#0c7628; font-size:11px; clear:both;} #footerBottom {float:left; width:100%;} #nationalGardenBureau {float:right; margin:0; width:64px; height:64px;} #nationalGardenBureau img {display: block; width:100%;} #nationalGardenBureau:hover {opacity:0.7;} #directGardeningAssociation {float:right; margin:-2px 20px 0 0;} #directGardeningAssociation:hover { opacity: 0.7; } #nonGMOverified {float:right; margin:0px 20px 0 0;} #nonGMOverified:hover {opacity:0.7;} .secureLogo {float:right; margin:20px 20px 0 0;} #socialMediaHolder {float: left; margin: 10px 0 0 24px; display:none;} .socialMediaLink { float: left; margin-left: 4px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .socialMediaLink:hover { opacity: 0.7; } /* Login Styling ===================================================== */ #mainContent #signup .editor-label { padding-left: 2px; margin-bottom: 4px; display: block; float: left; width: 100%; } #mainContent #signup .editor-label01 { color: #7b747b; display: block; float: left; font-size: 21px; letter-spacing: 0.5px; line-height: 28px; margin-bottom: 4px; margin-right: 10px; padding-left: 2px; width: 100%; text-transform: uppercase; } #mainContent #signup .editor-field { width: 50%; display: block; float: left; color: #EAB209; } #mainContent #signup .editor-field input { font-size: 15px; border: 2px solid #ccc; border-radius: 3px; color: #999; margin: 10px 0; max-width: 100%; padding: 11px 15px; } #mainContent .classyButton { background-color: #eab209; border: medium none; border-radius: 3px; box-shadow: none; color: #fff; cursor: pointer; display: block; font-size: 20px; letter-spacing: 0.2%; margin-top: 4%; max-width: 200px; padding: 1%; position: relative; text-decoration: none; text-transform: uppercase; width: 100%; transition: all 0.2s ease-in-out 0s; } #mainContent .classyButton:hover { background-color: #c01118; transition: all 0.2s ease-in-out 0s; } /*User Registration Styling ===================================================== */ #mainContent #signupTable { padding: 1%; width: 750px; } #signupTable th { font-size: 17px; color: #7b747b; font-weight: 600; line-height: 26px; padding: 0 2%; text-transform: uppercase; } #signupTable #ScreenName, #signupTable #Email2, #signupTable #ConfirmEmail, #signupTable #PasswordSignup, #signupTable #Password2 { font-size: 15px; border: 2px solid #ccc; border-radius: 3px; color: #999; margin: 10px 0; max-width: 100%; padding: 7px 17px; } #signupTable .extraInfo { letter-spacing: 0.2px; color: #c01118; } #signupTable #memberSignUp .classyButton { background-color: #eab209; border: medium none; border-radius: 3px; box-shadow: none; color: #fff; cursor: pointer; display: block; font-size: 22px; letter-spacing: 0.2%; margin-top: 4%; max-width: 200px; padding: 1%; position: relative; text-decoration: none; text-transform: uppercase; width: 100%; } /* Create Billing Address ===================================================== */ #mainContent .column2 { padding: 6% 11%; display: table-cell; width: 400px; } #mainContent .editor-field input { font-size: 20px; border: 2px solid #ccc; border-radius: 3px; color: #999; margin: 10px 0; max-width: 100%; padding: 11px 15px; } #mainContent .editor-label label { margin-bottom: 4px; padding-left: 2px; font-size: 16px; } #mainContent .editor-label { font-size: 16px; text-transform: uppercase; color: #484848; } #mainContent #AddressCountryID { width: 100%; font-size: 21px; color: #484848; padding: 3%; margin-bottom: 5%; } #mainContent #City { width: 100%; font-size: 21px; color: #484848; padding: 3%; margin-bottom: 5%; } #mainContent .editor-Field #StateDispay { font-size: 20px; border: 2px solid #ccc; border-radius: 3px; color: #999; margin: 10px 0; max-width: 100%; padding: 11px 15px; } /* Account Summary ===================================================== */ #mainContent .submit { background-color: #60713B; border: medium none; border-radius: 3px; box-shadow: none; color: #fff; cursor: pointer; display: block; font-size: 20px; letter-spacing: 0.2%; margin-top: 4%; max-width: 200px; padding: 1%; position: relative; text-decoration: none; text-transform: uppercase; width: 100%; transition: all 0.2s ease-in-out 0s; } #mainContent .submit:hover { background-color: #eab209; transition: all 0.2s ease-in-out 0s; } #mainContent .submit a { color: #fff; } #mainContent .submit a:hover { color: #fff; } .accountShippingAddresses li { margin-bottom: 4px; padding-left: 2px; font-size: 16px; color: #484848; } /* Search Form ===================================================== */ .SearchFormHolder { position: relative; width: 100%; display: block; margin: 0 auto; } .searchFormDiv { display: block; width: 100%; margin: 0 auto; } .searchFormDiv #searchText, .searchFormDiv #sku, .searchFormDiv #cats, .searchFormDiv #light, .searchFormDiv #zone, .searchFormDiv #CatalogPages, .searchFormDiv #OnSale { font-size: 16px; border: 2px solid #ccc; border-radius: 3px; color: #999; margin: 5px 12px; padding: 2px 6px; } .searchFormDiv #OnSale { font-size: 16px; border: 2px solid #ccc; border-radius: 3px; color: #999; margin: 5px 12px; padding: 2px 6px; } .searchFormDiv label[for=searchText], .searchFormDiv label[for=sku], .searchFormDiv label[for=cats], .searchFormDiv label[for=light], .searchFormDiv label[for=zone], .searchFormDiv label[for=CatalogPages], .searchFormDiv label[for=OnSale] { font-size: 16px; color: #484848; letter-spacing: 0.5px; } .searchFormDiv label[for=OnSale] { font-weight: bold; color: #c01118; } .searchFormDiv #resultsButton { background-color: #0c7628; border: medium none; border-radius: 3px; box-shadow: none; color: #fff; cursor: pointer; display: block; font-size: 14px; letter-spacing: 0.2%;margin-top: -8.6%; max-width: 200px; padding: 1%; position: relative; text-decoration: none; text-transform: uppercase; margin-left: 19%; } .searchFormDiv .nextButton { background-color: #0c7628; border: medium none; border-radius: 3px; box-shadow: none; color: #fff; cursor: pointer; display: block; font-size: 14px; letter-spacing: 0.2%;margin-top: -8.5%; max-width: 200px; padding: 1%; position: relative; text-decoration: none; text-transform: uppercase; float: right; margin-right: 26.6%; } .searchFormDiv #reset { background-color: #0c7628; border: medium none; border-radius: 3px; box-shadow: none; color: #fff; cursor: pointer; display: block; font-size: 14px; letter-spacing: 0.2%;margin-top: 5.7%; max-width: 200px; padding: 1%; position: relative; text-decoration: none; text-transform: uppercase; } .searchFormDiv #resultsButton:hover, .searchFormDiv #reset:hover, .searchFormDiv .nextButton:hover { background-color: #eab209; } /* Advanced Search Form ===================================================== */ #AdvancedSearchForm { position: relative; width: 100%; display: block; margin: 0 auto; } .searchFormDiv label[for=foliageColor], .searchFormDiv label[for=fallColor], .searchFormDiv label[for=flowerColor], .searchFormDiv label[for=fruitColor] { font-size: 16px; color: #484848; letter-spacing: 0.5px; } .searchFormDiv #foliageColor, .searchFormDiv #fallColor, .searchFormDiv #flowerColor, .searchFormDiv #fruitColor { font-size: 16px; border: 2px solid #ccc; border-radius: 3px; color: #999; margin: 5px 12px; padding: 2px 6px; } /* #AdvancedSearchForm #resultsButton { background-color: #0c7628;border: medium none;border-radius: 3px; box-shadow: none;color: #fff; cursor: pointer;display: block;font-size: 14px; letter-spacing: 0.2%;margin-top: -10.2%;max-width: 200px;padding: 1%;position: relative;text-decoration: none;text-transform: uppercase; margin-left: 24.5%; } #AdvancedSearchForm .nextButton { background-color: #0c7628;border: medium none;border-radius: 3px; box-shadow: none;color: #fff; cursor: pointer;display: block;font-size: 14px; letter-spacing: 0.2%;margin-top: -10.5%;max-width: 200px;padding: 1%;position: relative;text-decoration: none;text-transform: uppercase; float: right; margin-right: 6.6%;} #AdvancedSearchForm #reset { background-color: #0c7628;border: medium none;border-radius: 3px; box-shadow: none;color: #fff; cursor: pointer;display: block;font-size: 14px; letter-spacing: 0.2%;margin-top: 4.7%;max-width: 200px;padding: 1%;position: relative;text-decoration: none;text-transform: uppercase; } */ /* Search Results ===================================================== */ .searchResultsh2 { background: url(/Content/images/searchBarBtn.png) no-repeat left top; margin: 0 0 20px; border-bottom: 1px solid #DDDDDD; color: #EC1A23; font-size: 16px; font-weight: normal; height: 33px; letter-spacing: 1px; line-height: 29px; padding-left: 10px; text-transform: uppercase; } .entryResult { float: left; width: 100%; margin-top: 15px; } #mainContent .entryResult .entryHeadline { color: #EC1A23; font-size: 13px; font-weight: 700; } #mainContent .entryResult .entryHeadline:hover { color: #6F9200; text-decoration: none; } #mainContent .entryResult a { float: left; width: 100%; text-decoration: none; } .entryReadMore { font-style: italic; letter-spacing: 0.5px; font-size: 12px; } #mainContent .entryResult a:hover { text-decoration: underline; } .categoryDesc { margin: 0 0 20px; } /* Quick Order ===================================================== */ #quickOrderMiddle.homepageGiftCert{display:none;} .quickOrder { float: left; width: 750px; } #quickTable { float: left; width: 98%; margin: 0 1%; } .QO_TableHeader { background: url(/Content/images/quickOrderTitleBG.jpg) top center; color: #000; font-size: 15px; font-weight: 700; height: 29px; letter-spacing: 1px; line-height: 29px; } #QO_mainIcon { background: url(/Content/images/QOIcon.jpg) no-repeat; width: 174px; height: 92px; float: left; margin: 0 0 0 0; } #quickTable .qtyInput { background: #DBDBDB; border: none; color: #000000; float: left; font-size: 16px; font-weight: 700; height: 31px; text-align: center; width: 50px; } #QOquickSearch { background: #E9E9E9; border: 2px solid #CFCFCF; color: #000000; float: left; font-size: 16px; font-weight: 700; height: 34px; margin: 5px 0 0 10px; width: 220px; padding-left: 10px; } #QOContentBlock{display:block; float:left; width:200px; height:auto; } #QO_sideContent{border-right:1px solid #D7D7D7; float:left; height:auto; width:200px;} .THRemove { width: 50px; background: #FFF; } .THItem { width: 450px; padding-left: 15px; text-align: left; letter-spacing: 0.5px; } .THPrice { width: 150px; letter-spacing: 0.5px; } .THTotals { width: 150px; letter-spacing: 0.5px; } .enterSKUTitle { float: left; font-size: 17px; font-weight: 600; letter-spacing: 0.5px; margin: 15px 0 0 10px; } #subTotalQO { float: right; font-size: 17px; font-weight: 600; letter-spacing: 0.5px; margin: 15px 0px 0 0; text-align: center; width: 100%; } #quickTotal { font-weight: 700; color: #CF161C; font-size: 20px; letter-spacing: 0.5px; margin: 15px 0 0 0; float: left; width: 100%; text-align: center; } .borderBot { border-bottom: 1px solid #D6D6D6; } /* #addQuickOrderToCart, #removeQuickOrderToCart { text-decoration: none; float: left; margin-left: 5px; border: 1px solid #8F0F0F; border-radius: 5px; color: #FFFFFF; cursor: pointer; font-size: 13px; font-weight: 700; letter-spacing: 1px; padding: 4px 9px 5px; text-transform: uppercase; background: -webkit-linear-gradient(#F44046, #C00209); background: -o-linear-gradient(#F44046, #C00209); background: -moz-linear-gradient(#F44046, #C00209); background: linear-gradient(#F44046, #C00209); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #addQuickOrderToCart:hover, #removeQuickOrderToCart:hover { background: #0c7628; border-color: #09591e; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #addQuickOrderToCart.QOCB, #removeQuickOrderToCart.QOCB{ margin: 0; width:100%;text-decoration: none; float: right; border: 1px solid #8F0F0F; border-radius: 5px; color: #FFFFFF; cursor: pointer;font-size: 14px; font-weight: 700; letter-spacing: 1px; padding: 7px 19px 8px; text-transform: uppercase; background: -webkit-linear-gradient(#F44046, #C00209); background: -o-linear-gradient(#F44046, #C00209); background: -moz-linear-gradient(#F44046, #C00209); background: linear-gradient(#F44046, #C00209); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #addQuickOrderToCart.QOCB:hover, #removeQuickOrderToCart.QOCB:hover { background: #0c7628; border-color: #09591e; color: #FFF; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .addToCartClearQO {clear:both; float: right; margin-right: 10px; margin-top: 5px; width: 160px; text-align:center;} */ .addToCartClearQO {display: block; width: 100%; float: left;} .addToCartClearQO a {margin: 5px auto !important; text-align: center; width: 40%; float: none !important;} #addQuickOrderToCart.QOCB, #removeQuickOrderToCart.QOCB {} .crumbPager { float: left; width: 100%; } #categoryNav { /*position:absolute;margin: -76px 0 0 27px;*/ margin: 10px 0 10px 30px; } #categoryNav select {display: inline-block; vertical-align: middle; padding: 5px 10px; border:3px solid #BFBFBF; border-radius: 4px; transition: all 0.3s ease;} #categoryNav select:focus {border: 3px solid #0c7628; transition: all 0.3s ease;} /* .productDetailsB #categoryNav { position: absolute; margin: -55px 0 0 27px; } .productDetailsB #siteBreadCrumb { } */ #crumbCat { display: inline-block; margin: 0 10px 0 0; width: 18px; vertical-align: middle;} .crummyList { color: #777777; font-size: 13.5px; letter-spacing: 0.5px; margin: 0 0 0 -23px; } #mainContent .crummyList a { text-decoration: none; color: #0c7628; margin: 0 4px; } #mainContent .crummyList a:hover { color: #B7080F; } .smallCrummyList { display: none; } .quickOrderBodyClass #cartPageCrumbspacer { height: 0; } #sideZoneLookup { background: url(/Content/images/sideZoneLookup.jpg) top left no-repeat #dd1925; height: 74px; width: 121px; border-radius: 5px 0 0 5px; position: fixed; right: 0; top: 207px; z-index: 10; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #sideZoneLookup:hover { background: url(/Content/images/sideZoneLookupO.jpg) top left no-repeat #dd1925; width: 130px; } #sideQuickOrder { background: url(/Content/images/sideQuickOrder.jpg) top left no-repeat #1a339c; height: 74px; width: 121px; border-radius: 5px 0 0 5px; position: fixed; right: 0; top: 375px; z-index: 10; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #sideQuickOrder:hover { background: url(/Content/images/sideQuickOrderO.jpg) top left no-repeat #1a339c; width: 130px; } #sideJungGaurantee { background: url(/Content/images/sideJungGaurantee.jpg) top left no-repeat #6f9200; height: 74px; width: 121px; border-radius: 5px 0 0 5px; position: fixed; right: 0; top: 291px; z-index: 10; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #sideJungGaurantee:hover { background: url(/Content/images/sideJungGauranteeO.jpg) top left no-repeat #6f9200; width: 130px; } #sideZoneLookup.zoneLookupExtend { width: 500px; } .checkoutProcess #sideZoneLookup, .checkoutProcess #sideQuickOrder, .checkoutProcess #sideJungGaurantee {display: none;} #closeZoneLU { color: #820505; float: right; font-weight: 700; margin: 8px 29px 0 0; padding: 3px 5px; cursor: pointer; } .xclose { background: #ba0002; color: #ffffff; display: block; float: left; font-size: 13px; height: 10px; line-height: 8px; margin: 2px 4px 0 0; padding: 3px; text-align: center; width: 10px; } #closeZoneLU:hover { color: #FFF; } @media only screen and (max-width: 1250px) { #sideZoneLookup, #sideQuickOrder, #sideJungGaurantee { display: none !important; } #quickOrderMiddle.homepageGiftCert{display:block; margin-bottom:8px;} } #sideZoneLookup.removeTransition, #sideQuickOrder.removeTransition, #sideJungGaurantee.removeTransition { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .zoneLookup { float: left; margin-left: 0px; margin-top: 12px; width: 360px; font-size: 14px; } .zoneLookup .zoneString, .zoneLookup .zoneNo { display: inline-block; padding: 0 3px; color: #fff; font-weight: 600; text-shadow: 1px 1px 0px #222; } .zoneLookup .zoneNo { color: #f2f5b5; } .zoneLookup .zoneZip { display: inline-block; padding: 0 3px; text-transform: capitalize; color: #fff; font-weight: 600; text-shadow: 1px 1px 0px #222; } .zoneLookup .clearZone { display: inline-block; padding: 0 3px; text-transform: capitalize; background: #EC1A23; border: 1px solid #131f41; color: #fff; text-decoration: none; padding: 0 5px; border-radius: 5px; transition: all 0.3s ease; } .zoneLookup .clearZone:hover, .zoneLookup .clearZone:active { border: 1px solid #c6c6c6; background: #f1f1f1; color: #222; transition: all 0.3s ease; } .zipText { float: left; width: 100%; font-size: 12.5px; color: #FFF; } .zoneLookup form { float: left; } .avtiveClickZoneLooker { width: 135px; float: left; height: 74px; display: block; cursor: pointer; } .azluinner { float: left; width: 100%; height: 100%; } .zoneLookup form #zipCode { color: #333; border: medium none; height: 26px; margin-top: 7px; width: 140px; background: #E06269; letter-spacing: 1px; padding-left: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .zoneLookup form #zipCode:focus { background: #FFF; } .zoneLookup form #zoneSubmit { background: #1A339C; border: 1px solid #FFF; border-radius: 5px; color: #FFFFFF; cursor: pointer; font-size: 13px; font-weight: 700; letter-spacing: 1px; margin-left: 5px; padding: 3px 9px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .zoneLookup form #zoneSubmit:hover { background: #0c7628; border-color: #754600; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Mobile ===================================================== */ #mobileMenuHide { display: none; float: left; margin: -1px 0 0 9px; position: relative; width: 76px; } #mobileTopMenu { background: url("/Content/images/transparentWhite.png") repeat; border-radius: 3px; color: #333333; float: left; font-size: 12px; height: 30px; line-height: 30px; text-decoration: none; width: 76px; } #mobileTopMenu:hover { background: #FFF; color: #0c7628; } #mobileTopNav { height: 0px; overflow: hidden; position: absolute; } #mobileMenuArrow { float: left; margin: 14px 8px 0 8px; } #mobileCatNavBtn { background: url(/Content/images/transparentWhite.png) repeat scroll 0 0; border: 3px solid #FFFFFF; border-radius: 3px; display: none; float: left; font-size: 12px; font-weight: 600; letter-spacing: 2px; line-height: 37px; margin-top: 9px; text-align: center; text-decoration: none; width: 98%; color: #121f5e; cursor: pointer; } #mobileCatNavBtn:hover { background: #FFF; color: #0c7628; } #mobileCatNavWrapper { float: left; width: 99%; background: url(/Content/images/transparentWhite.png) repeat; padding: 0.5%; display: none; } #mobileCatNavWrapper a { float: left; display: block; width: 98%; margin: 0.5%; background: #FFF; text-align: center; height: 50px; line-height: 50px; text-decoration: none; color: #555; letter-spacing: 1px; font-size: 13px; font-weight: 600; } #mobileCatNavWrapper a.splitNav { width: 48.5%; margin: 0.5%; height: 70px; line-height: 70px; } #mobileCatNavWrapper a:hover { background: #e6e6e6; } #mobileCatNavWrapper ul { display: none; } .mobileNavWrap { position: absolute; width: 320px; right: 0; top: 0; } .slicknav_menu { position: relative; } .slicknav_menu ul { text-align: center; } .slicknav_menu .responsive600, .slicknav_menu ul li { display: inline-block; width: 50%; float: left; } .slicknav_menu ul li a { display: block; padding: 5px; margin: 5px; text-align: center; text-transform: uppercase; font-size: 12px; background: #f1f1f1; color: #0c7628; text-decoration: none; border: 1px solid #ccc; border-radius: 3px; transition: all 0.2s ease; } .slicknav_menu ul li a:hover, .slicknav_menu ul li a:active, .slicknav_menu .slicknav_parent.slicknav_open .slicknav_item:hover, .slicknav_menu .slicknav_parent.slicknav_open .slicknav_item:active { background: #0c7628; color: #fff; border: 1px solid #1e2701; transition: all 0.2s ease; } .slicknav_menu .slicknav_parent { display: block; width: 100%; } .slicknav_menu .slicknav_parent .slicknav_item a { padding: 0 10px 0 0; margin: 0; border: none; display: inline-block; background: transparent; transition: all 0.2s ease; } .slicknav_menu .slicknav_parent .slicknav_item:hover, .slicknav_menu .slicknav_parent .slicknav_item:active { background: #0c7628; color: #fff; } .slicknav_menu .slicknav_parent .slicknav_item:hover a, .slicknav_menu .slicknav_parent .slicknav_item:active a { color: #fff; background: transparent; } .slicknav_menu .slicknav_parent .slicknav_item a:hover, .slicknav_menu .slicknav_parent .slicknav_item a:active { border: none; transition: all 0.2s ease; } .slicknav_menu .slicknav_parent.slicknav_open .slicknav_item { background: #0c7628; color: #fff; border: 1px solid #202c63; /*background: #0c7628; color: #fff; border: 1px solid #1e2701;*/ } .slicknav_menu .slicknav_parent.slicknav_open .slicknav_item a { color: #fff; } .slicknav_menu .topBorderLine { display: none; } .slicknav_menu .subCatDisplay { margin: 0; width: 100%; } .slicknav_menu .featuredCatImages { display: none; } .slicknav_menu .subCatHeader { background: #909edc; color: #202C63; border: 1px solid #465cc4; } .slicknav_btn { position: absolute; z-index: 5001; top: 0; right: 0; border: 1px solid #9E9E9E; background: url("/Content/images/transparentWhite.png") repeat; border-radius: 3px; color: #333; float: left; font-size: 12px; text-decoration: none; width: 76px; } .slicknav_btn:hover, .slicknav_btn.slicknav_open { background: #FFF; color: #0c7628; border: 1px solid #9E9E9E; } .slicknav_btn.slicknav_collapsed { border: 1px solid #9E9E9E; } .slicknav_btn.slicknav_open { border-radius: 3px 3px 0 0; border-bottom: none; } .slicknav_btn.slicknav_open .slicknav_menutxt { padding: 5px 0 7px; } .slicknav_btn .slicknav_menutxt { display: inline-block; line-height: 20px; padding: 5px 0; } .slicknav_btn .slicknav_menutxt:before { content: "\25BC"; display: inline-block; float: left; color: #0c7628; padding: 0px 8px; font-size: 14px; line-height: 20px; } .slicknav_nav { position: absolute; z-index: 5000; top: 32px; width: 298px; padding: 10px; background: #fff; box-shadow: 0px 5px 5px #999; border: 1px solid #9E9E9E; border-radius: 5px 0 5px 5px; } /* Store - Region Lookup ===================================================== */ #zipLeftBits {float:left; width:45%;} #zipLeftColumn {float:left; text-align: center;} #zipLeftColumn .desc {display: inline-block; margin: 5px;} #zipLeftColumn #zipCodeLkp {border:1px solid #9e9e9e; border-radius: 4px; padding:6px; color:#666; width: 80px; margin: 5px; background: #eee; transition: all 0.3s ease;} #zipLeftColumn #zipCodeLkp:focus {border: 1px solid #EC1A23; color: #000; background: #fff; transition: all 0.3s ease;} #ZipResponse {float:left; display:block; margin-top: 10px; font-size: 13px;} #ZipResponse #ErrorInfo, #ZipResponse #ValidInfo { padding: 10px;} #ZipResponse #ErrorInfo {background: #cc0000; color: #fff; text-align: center;} #ZipResponse #ValidInfo {background: #EC1A23; color: #fff;} #ZipResponse #ValidInfo .strong {font-weight: bold;} #ZipResponse #ValidInfo #RegionInfoContainer {text-align: center; font-size: 15px;} #ShippingInfoContainer {text-align:center; font-size: 15px; margin: 10px 0 0;} #ShippingInfoContainer span {display: inline-block;} #zipLeftColumn input[type=button] {background: #EC1A23; margin: 5px; border: 1px solid #131f41; border-radius:5px; color:#fff; cursor:pointer; font-size:13px; font-weight:600; letter-spacing:1px; padding:4px 8px; text-transform:uppercase; transition:all 0.3s ease 0s;} #zipLeftColumn input[type=button]:hover {background: #e11a21; border: 1px solid #9c1217; transition: all 0.3s ease 0s;} #lookupTableRight {float:right; width:50%;} #lookupTableRight table {border-collapse: collapse; border-spacing: 0; width:100%; height:100%; margin:0px;padding:0px; border:1px solid #000; max-width:600px;} #lookupTableRight th {background:#EC1A23;} #lookupTableRight tr:last-child td:last-child {-moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px;} #lookupTableRight table tr:first-child td:first-child {-moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px;} #lookupTableRight table tr:first-child td:last-child {-moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px;} #lookupTableRight tr:last-child td:first-child {-moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px;} #lookupTableRight tr:hover td { } #lookupTableRight tr:nth-child(odd) {background-color:#BFC1B7;} #lookupTableRight tr:nth-child(even) {background-color:#ffffff; color:#000;} #lookupTableRight tr:nth-child(even) td {color:#000;} #lookupTableRight td {vertical-align:middle; border:1px solid #000000; border-width:0px 1px 1px 0px; text-align:center; padding:0 2px; font-size:12px; font-weight:normal; color:#000;} #lookupTableRight tr:last-child td {border-width:0px 1px 0px 0px;} #lookupTableRight tr td:last-child {border-width:0px 0px 1px 0px;} #lookupTableRight tr:last-child td:last-child {border-width:0px 0px 0px 0px;} #lookupTableRight tr:first-child td {background-color:#EC1A23; border:0px solid #000000; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-weight:bold; color:#FFF;} #lookupTableRight tr:first-child:hover td {background-color:#EC1A23;} #lookupTableRight tr:first-child td:first-child {border-width:0px 0px 1px 0px;} #lookupTableRight tr:first-child td:last-child {border-width:0px 0px 1px 1px;} /* Store/Shipping Styling ===================================================== */ #shipTable {border-collapse: collapse; border-spacing: 0; width:100%; height:100%; margin:0px;padding:0px; border:none;} #shipTable th {background:#EC1A23; height:50px;} #shipTable tr:last-child td:last-child {-moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px;} #shipTable table tr:first-child td:first-child {-moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px;} #shipTable table tr:first-child td:last-child {-moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px;} #shipTable tr:last-child td:first-child {-moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px;} #shipTable tr:hover td { } #shipTable tr:nth-child(odd) {background-color:#B9D68C;} #shipTable tr:nth-child(even) {background-color:#ffffff; color:#000;} #shipTable tr:nth-child(even) td {color:#000;} #shipTable td {vertical-align:middle; border:1px solid #fff; border-width:0px 1px 1px 0px; text-align:center; padding:0 2px; font-size:12px; font-weight:normal; color:#000;} #shipTable tr:last-child td {border-width:0px 1px 0px 0px;} #shipTable tr td:last-child {border-width:0px 0px 1px 0px;} #shipTable tr:last-child td:last-child {border-width:0px 0px 0px 0px;} #shipTable tr:first-child td {background-color:#0c7628; border:0px solid #fff; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-weight:bold; color:#FFF;} /*#shipTable tr:first-child:hover td {background-color:#EC1A23;}*/ #shipTable tr:first-child td:first-child {border-width:0px 0px 1px 0px; height:40px;} #shipTable tr:first-child td:last-child {border-width:0px 0px 1px 1px;} #Shipping #storeShippingContent{width:660px; float:left; margin-right:20px; margin-bottom:20px;} #storeShippingBlock{width:300px; float:right;} #currentShippingTable{width:300px; float:right; margin-top:35px;} #currentShippingTable h3{width:100%; text-align:center;} .currentShippingTableTable{display:none; border-radius:8px; overflow:hidden; height:auto; width:100%; box-shadow:0px 0px 10px rgba(0,0,0,0.2);} #Shipping .currentShippingTableTable{display:block;} /* ARTICLE STREAMS STYLING ===================================================== */ #Library #mainContent .rightArticle {display:none;} #mainContent .leftArticle { width: 74%; float: left; } #mainContent .rightArticle { width: 24%; float: right; border: 1px solid #c6c6c6; background: #f1f1f1; border-radius: 0 0 5px 5px; } #mainContent .rightArticle .streamMenuHeadline { padding: 10px; font-size: 15px; text-transform: uppercase; margin: 0; text-align: center; background: #0c7628; color: #fff; font-weight: 700; } .Articles #mainContent .rightArticle .streamMenuHeadline { background: url(/Content/images/plantBG/greenPlantBG.jpg) center right no-repeat; } .GrowingTips #mainContent .rightArticle .streamMenuHeadline { background: url(/Content/images/plantBG/redPlantBG.jpg) center right no-repeat; } .Library #mainContent .rightArticle .streamMenuHeadline { background: url(/Content/images/plantBG/bluePlantBG.jpg) center right no-repeat; } .Planning #mainContent .rightArticle .streamMenuHeadline { background: url(/Content/images/plantBG/yellowPlantBG.jpg) center right no-repeat #0c7628; } .Recipes #mainContent .rightArticle .streamMenuHeadline { background: url(/Content/images/plantBG/greenPlantBG.jpg) center right no-repeat;} #mainContent .rightArticle ul { margin: 0; } #mainContent .rightArticle ul li { background: none; padding: 0; margin: 0; } #mainContent .rightArticle ul li a { padding: 5px 10px; display: block; text-decoration: none; color: #222; transition: all 0.3s ease; } #mainContent .rightArticle ul li.selected a { color: #999; } #mainContent .rightArticle ul li.selected a:hover, #mainContent .rightArticle ul li.selected a:active { text-decoration: none; color: #999; } #mainContent .rightArticle ul li a:hover, #mainContent .rightArticle ul li a:active { color: #EC1A23; text-decoration: underline; transition: all 0.3s ease; } #mainContent .leftArticle .byLineDate { font-weight: 600; color: #666; font-size: 14px; } #mainContent ul.articleList { } #mainContent ul.articleList li { background: none; margin: 20px 0; padding: 0; } #mainContent ul.articleList li a { border-radius: 5px; text-decoration: none; border: 1px solid #c6c6c6; background: #f1f1f1; color: #000; display: block; padding: 10px 20px; transition: all 0.3s ease; } #mainContent ul.articleList li a:hover, #mainContent ul.articleList li a:active { background: #fff; border: 1px solid #EC1A23; transition: all 0.3s ease; } #mainContent ul.articleList li a h4 { margin: 10px 0; color: #b7080f; font-size: 16px; transition: all 0.3s ease; } #mainContent ul.articleList li a:hover h4, #mainContent ul.articleList li a:active h4 { color: #0c7628; transition: all 0.3s ease; } #mainContent ul.articleList li a span.byLineDate { font-weight: 600; color: #666; transition: all 0.3s ease; } #mainContent ul.articleList li a:hover span.byLineDate, #mainContent ul.articleList li a:active span.byLineDate { color: #b7080f; transition: all 0.3s ease; } #mainContent ul.articleList li a p.preview { } #mainContent ul.articleList li a span.more { display: inline-block; float: right; line-height: 24px; padding: 0 5px; border-radius: 2px; border: 1px solid transparent; transition: all 0.3s ease; } #mainContent ul.articleList li a:hover span.more, #mainContent ul.articleList li a:active span.more { border: 1px solid #c6c6c6; background: #f1f1f1; transition: all 0.3s ease; } #mainContent p#PaginationDisplay { font-size: 14px; } #mainContent p#PaginationDisplay span.selected, #mainContent p#PaginationDisplay a { padding: 5px 10px; margin: 5px; display: inline-block; text-decoration: none; border: 1px solid transparent; border-radius: 5px; transition: all 0.3s ease; } #mainContent p#PaginationDisplay span.selected { border: 1px solid #c6c6c6; background: #f1f1f1; color: #222; transition: all 0.3s ease; } #mainContent p#PaginationDisplay a:hover, #mainContent p#PaginationDisplay a:active { background: #0c7628; border: 1px solid #09591e; color: #fff; transition: all 0.3s ease; } #mainContent p.StreaminationDisplay { font-size: 14px; margin: 20px 0; border-radius: 5px; padding: 8px 8px 8px 130px; border: 1px solid #b2b2b2; background: url(/Content/images/h5BG.jpg) top left no-repeat; } #mainContent p.StreaminationDisplay a { padding: 5px 10px; display: inline-block; text-decoration: none; border: 1px solid transparent; border-radius: 5px; transition: all 0.3s ease; } #mainContent p.StreaminationDisplay a:hover, #mainContent p.StreaminationDisplay a:active { background: #0c7628; border: 1px solid #09591e; color: #fff; transition: all 0.3s ease; } #mainContent p.StreaminationDisplay span { padding: 5px; } #Articles #mainContent p.StreaminationDisplay a#toStream, .Articles #mainContent p.StreaminationDisplay a#toEntry, #GrowingTips #mainContent p.StreaminationDisplay a#toStream, .GrowingTips #mainContent p.StreaminationDisplay a#toEntry, #Library #mainContent p.StreaminationDisplay a#toStream, .Library #mainContent p.StreaminationDisplay a#toEntry, #Planning #mainContent p.StreaminationDisplay a#toStream, .Planning #mainContent p.StreaminationDisplay a#toEntry, #Recipes #mainContent p.StreaminationDisplay a#toStream, .Recipes #mainContent p.StreaminationDisplay a#toEntry { border: 1px solid #c6c6c6; background: #f1f1f1; color: #222; transition: all 0.3s ease; } #mainContent .topArticle .featuredHeader { color: #0c7628; font-size: 18px; font-style: italic; font-weight: 600; letter-spacing: 1px; margin: 30px 0 10px; display: block; } #mainContent ul.articleList.featured li { background: none; margin: 0 0 30px; padding: 0; } #mainContent ul.articleList.featured li a { border: 1px solid #EC1A23; background: #e4e9f7; color: #000; transition: all 0.3s ease; } #mainContent ul.articleList.featured li a:hover, #mainContent ul.articleList.featured li a:active { background: #fff; border: 1px solid #EC1A23; transition: all 0.3s ease; } /* COMMON QUESTIONS CUSTOMER SERVICE FAQ ===================================================== */ .questionList {margin: 10px 0 50px; display: block;} .questionList .questionItem {margin: 0 0 10px;} .questionList .questionItem .questionLink {text-decoration: none; display: block; border: 1px solid #C6C6C6; background: #F1F1F1; color: #B7080F; padding: 5px 10px; border-radius: 5px; font-weight: bold; font-size: 14px; line-height: 20px; transition: all 0.3s ease;} #mainContent .questionList .questionItem .questionLink:hover, #mainContent .questionList .questionItem .questionLink:active { background: #0c7628; border: 1px solid #09591e; color: #fff; transition: all 0.3s ease;} .questionList .questionItem .questionLink strong {color: #B7080F;} .answerList {display: block;} .answerList .answerItem {display: block; border: 1px solid #C6C6C6; background: #F1F1F1; border-radius: 5px; margin: 0 0 20px; } .answerList .answerItem .answerLink {color: #B7080F; display: inline-block; width: calc(100% - 130px); padding: 5px 10px; font-weight: bold; font-size: 14px; line-height: 20px;} .answerList .answerItem .backToTop {width: 90px; text-align: center; color: #B7080F; display: inline-block; padding: 5px 10px; float: right; text-decoration: none; border-radius: 0 0 0 5px; font-weight: bold; font-size: 14px; line-height: 20px; transition: all 0.3s ease;} #mainContent .answerList .answerItem .backToTop:hover, .answerList .answerItem .backToTop:active {background: #0c7628; color: #fff; transition: all 0.3s ease;} .answerList .answerItem .answerLink strong {color: #B7080F;} .answerList .answerItem .answerText {display: block; padding: 0px 10px 10px;} #mainContent .answerText p {margin: 10px 0 0;} /* JUNG GARDEN CENTERS ===================================================== */ .gcLocationBox { /*height: 187px;*/ width: 100%; float: left; margin-bottom: 15px; padding-bottom: 17px; border-bottom: 1px solid #ddd; } #gcMadNorth { background: url(/Content/images/gcMadisonNorth.jpg) top left no-repeat; } #gcMadSouth { background: url(/Content/images/gcMadisonSouth.jpg) top left no-repeat; } #gcMadRandolph { background: url(/Content/images/gcRandolph.jpg) top left no-repeat; } #gcMadStevensPoint { background: url(/Content/images/gcStevensPoint.jpg) top left no-repeat; } #gcMadSunPrarie { background: url(/Content/images/gcSunPrarie.jpg) top left no-repeat; } .gcImgClear { width: 432px; float: left; /*height: 187px;*/ } .gcImgClear img {display: block; width: 100%; height: auto;} .gcInfoBox { float: left; /*height: 165px;*/ margin-left: 20px; margin-top: 22px; width: 500px; } .gcInfoBoxLine { float: left; width: 450px; min-height: 34px; display: block; padding-left: 39px; margin-bottom: 10px; } #mainContent a.gcAddressLine { background: url(/Content/images/gcLocationIcon.jpg) no-repeat scroll left top; color: #E31F23; font-size: 15px; font-weight: 600; line-height: 34px; margin-left: -2px; } #mainContent a.gcAddressLine:hover { color: #1C326E; text-decoration: none; } .gcTelephoneNumber { background: url(/Content/images/gcPhoneIcon.jpg) top left no-repeat; line-height: 33px; font-size: 14px; color: #555; letter-spacing: 1px; } .gcHoursOfOperation { background: url(/Content/images/gcHoursIcon.jpg) top left no-repeat; margin-left: 15px; padding-left: 43px; color: #555; font-size: 12px; line-height: 16px; display: block; float: left;} /*.gcHoursOfOperation div {width: 100% !important;}*/ /*.gcHoursOfOperation p:last-child {font-style: italic;}*/ #mainContent .gcHoursOfOperation p { margin: 0; } .gcClosedDates { font-style: italic; letter-spacing: 0.5px; } .JungContactLocations { margin: 30px 0 0; } /* Frequently Purchased With product rotator ===================================================================== */ #mycarousel li { width: 158px; height: 172px; position: relative; } .jcarousel-direction-rtl { direction: rtl; } .jcarousel-container-horizontal { margin: 0; width: 520px; } .scrollItem { float: left; width: 146px; height: 146px; } .jcarousel-item-horizontal { margin: 0 0 0 3px; } .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-item-placeholder { background: #fff; color: #000; } #FPWnextArrow.FPWnextClickedN { top: 53px; height: 35px; } #FPWprevArrow.FPWnextClickedP { opacity: 1; } .jcarousel-next-horizontal { background: url(/Content/images/FPWarrow.jpg) no-repeat scroll 0 0 transparent; cursor: pointer; height: 56px; position: absolute; right: -32px; top: 79px; width: 26px; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .jcarousel-direction-rtl .jcarousel-next-horizontal { background-image: url(/Content/images/FPWarrow.jpg) no-repeat scroll 0 0 transparent; } .jcarousel-next-horizontal:hover { background: url(/Content/images/FPWarrowO.jpg) no-repeat scroll 0 0 transparent; } .jcarousel-prev-horizontal { background: url(/Content/images/FPWarrowPrev.jpg) no-repeat scroll 0 0 transparent; display: none; cursor: pointer; height: 35px; position: absolute; opacity: 0; right: -32px; top: 100px; width: 26px; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .jcarousel-direction-rtl .jcarousel-prev-horizontal { background-image: url(/Content/images/FPWarrowPrev.jpg) no-repeat scroll 0 0 transparent; } .jcarousel-prev-horizontal:hover { background: url(/Content/images/FPWarrowPrevO.jpg) no-repeat scroll 0 0 transparent; } /* Gallery Page & Side Menu ===================================================================== */ #galleryCatMenuWrap { position: absolute; width: 230px; background: #EEEEEE; top: 258px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition:top .5s, margin-top .5s; transition:top .75s, margin-top .75s; } .catClass4 #galleryCatMenuWrap { top: 24px; } #galleryCatMenuWrap .gc_sectionHeader { background: url(/Content/images/featuredSomethingBG.jpg) no-repeat right center #0c7628; border-radius:4px 4px 0 0; color: #ffffff; float: left; font-size: 15px; font-weight: 700; height: 29px; letter-spacing: 1px; line-height: 29px; width: 91%; padding-left: 9%; } #mainContent #photoGalCatMenu { margin: 0; padding: 10px 20px; float: left; display:block; border-radius:0 0 4px 4px;} #mainContent #photoGalCatMenu li { list-style: none; width: 100%; float: left; background: none; margin: 0; padding: 0; overflow: hidden; } #mainContent #photoGalCatMenu li a { text-decoration: none; color: #333; float: left; width: 100%; padding: 9px 0; line-height: 15px; border-bottom: 1px solid #cccccc; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainContent #photoGalCatMenu li a:hover { padding-left: 10px; background: #dddddd; color: #b7080f; } .catClass4 #galCatDisplaySubs { float: left; margin-top: 10px; margin-right: 0px; width: 100%; } .categoryItem { float: left; margin: 23px; width: 150px; } .categoryItem a { float: left; width: 100%; height: 100%; text-align: center; } .categoryImage { float: left; width: 100%; text-align: center; display: block; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .categoryImage img { width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .categoryItem .subCategoryName { display: block; float: left; width: 100%; height: 30px; line-height: 15px; text-align: center; margin-top: 6px; color: #0c7628; line-height: 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .categoryItem .subCategoryName .table {display: table; width: 100%; height: 100%;} .categoryItem .subCategoryName .table .cell {display: table-cell; vertical-align: middle;} .categoryItem a:hover .subCategoryName { color: #b7080f; } .categoryItem a:hover .categoryImage img { opacity: 0.7; } .categoryItem a:hover .categoryImage { border-radius: 10px; } #PhotoCategoryBodyID h1 { margin: 20px 0 0 250px; } #galleryBody { float: right; margin-right: 20px; width: 720px; } #galleryBody h3.galeryOnTheleft { font-size: 14px; letter-spacing: 0.5px; } #contest2014Results { float: left; width: 100%; } h2.contestWinnersh2 { margin: 5px 0 10px 0; border-bottom: 1px solid #ddd; padding-bottom: 4px; } .winnersBox { width: 49%; margin-right: 1%; float: left; height: 255px; overflow: hidden; } .winnersBox img { width: 100%; } .winnerLabels { letter-spacing: 1px; } .photoContestRules { color: #b7080f; margin-top: 13px; float: left; line-height: 17px; } .conRules { color: #0c7628; float: left; font-size: 15px; letter-spacing: 0.5px; margin-bottom: 5px; margin-top: 15px; text-decoration: underline; width: 100%; } #galleryBody .crummyList { color: #777777; float: left; font-size: 13.5px; letter-spacing: 0.5px; margin: 9px 0 0 6px; } #galCatDisplaySubs { margin-top: 0; float: right; margin-right: 20px; width: 720px; min-height: 480px; } .photoItem { float: left; margin: 15px 15px 0 15px; width: 150px; } .photoItem a { float: left; text-decoration: none; width: 100%; height: 100%; text-align: center; display: block; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .photoItem a img { width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .photoItem .tableImg {display: block;} .photoItem .photoText {display: block; height: 50px; font-size: 13px; line-height: 15px;} .photoItem .photoText .table {display: table; width: 100%; height: 100%;} .photoItem .photoText .table .cell {display: table-cell; vertical-align: middle; text-align: center;} .ImageName { float: left; font-size: 12px; line-height: 15px; margin-top: 5px; min-height: 45px; text-align: center; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .photoItem:hover .videoImage { opacity: 0.7; } .photoItem:hover .ImageName { color: #b7080f; } .photoItem:hover .lightbox { border-radius: 10px; } .crummyListNumbers { float: left; margin: 5px auto; text-align: center; width: 100%; } .crummyListNumbers .selected { padding: 3px 7px; background: #0c7628; color: #FFF; font-weight: 600; } #mainContent .crummyListNumbers a { background: #eee; padding: 3px 7px; color: #222; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainContent .crummyListNumbers a:hover { background: #0c7628; color: #FFF; } #PhotoCategoryBodyID .wrapperContent { position: inherit; } #PhotoCategoryBodyID.catClass4 .wrapperContent { position: relative; } #mainContent #backToTheGal { background: #b7080f; border-radius: 7px; color: #fff; letter-spacing: 0.5px; padding: 7px 29px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainContent #backToTheGal:hover { background: #0c7628; } #mainContent #Products .pagination-products { float: left; margin: 0px 25px 0 8px; text-align: center; display: inline-block;} #mainContent #Products .pagination-products ul {margin: 0; font-size: 16px;} #mainContent #Products .pagination-products ul li {background: transparent; padding: 0; margin: 3px; display: inline-block;} #mainContent #Products .pagination-products span, #mainContent #Products .pagination-products a {display: block; padding: 5px 10px;} #mainContent #Products .pagination-products .active span { background: #0c7628; color: #FFF; font-weight: 600; border:none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } #mainContent #Products .pagination-products a { background: #eee; border:none; color: #222; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainContent #Products .pagination-products a:hover { background: #0c7628; color: #FFF; } #mainContent #pagination-cats { float: left; margin: 5px auto; text-align: center; width: 100%; display:block;} #mainContent #pagination-cats .current { padding: 3px 7px; background: #0c7628; color: #FFF; font-weight: 600; border:none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } #mainContent #pagination-cats a { background: #eee; border:none; padding: 3px 7px; color: #222; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainContent #pagination-cats a:hover { background: #0c7628; color: #FFF; } .sideMenuBoxWrapper {left:28px; clear:both;width: 230px; background: #EEEEEE; margin:10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sideMenuBoxWrapper .sideMenuBoxHeader{ background: url(/Content/images/featuredSomethingBG.jpg) no-repeat right center #0c7628; border-radius:4px 4px 0 0; color: #ffffff; float: left; font-size: 15px; font-weight: 700; height: 29px; letter-spacing: 1px; line-height: 29px; width: 91%; padding-left: 9%; } #mainContent .sideMenuBox {width:84%; margin: 0; padding: 10px 20px; float: left; display:block; border-radius:0 0 4px 4px;} #mainContent .sideMenuBox li { list-style: none; width: 100%; float: left; background: none; margin: 0; padding: 0; overflow: hidden; } #mainContent .sideMenuBox li a { text-decoration: none; color: #333; float: left; width: 100%; padding: 9px 0; line-height: 15px; border-bottom: 1px solid #cccccc; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainContent .sideMenuBox li a:hover { padding-left: 10px; background: #dddddd; color: #b7080f; } @media only screen and (min-width: 640px) and (max-width: 999px) { #topNav { margin: 15px 0 0 0; } .wrapper { width: 640px; margin: 0 auto; padding: 0; } #headerLeft { width: 235px; } #logo { width: 235px; height: 75px; margin-top: -1px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } #topNav li:not(last-child) {margin-left: 0;margin-right: 10px;} #topNav li { margin-left: 0px; } #nav .responsive600, #topNav .responsive600 { display: none; } #searchForm { margin-left: 0; } #advancedSearchTop { display: none; } #SearchBox { width: 115px; } #searchTop { margin: 22px 0 0 25px; width: 165px; } #cartTop { width: 200px; /*width: 169px;*/ margin-left: 13px; } #cartIcon { width: 35px; background: url(/Content/images/cart2Mobile.png) no-repeat; } .Home #cartIcon { background: url(/Content/images/cart1Mobile.png) no-repeat; } #creditCards { margin-left: 11px; margin-top: 2px; width: 117px; } #cart-descript-mini { margin: 11px 0 0 7px; /*width: 122px;*/ width: 150px; } .gc_emptyCart { width: 100%; } #gc_totalQtyMini { font-size: 11px; } #nav a, #nav .a { font-size: 9px; padding: 0 4px; } #specialPromoArea { font-size: 23px; height: 45px; margin: 12px 0 0 15px; width: 610px; text-align: center; } #liveChat { margin: 8px 0 0 10px; width: 143px; } #homepageRotatorWrap { width: 640px; margin-top: 12px; } #nav { margin-top: 15px; } .homepageProducts { width: 100%; /*640px;*/ } .SpecialProdsHeader { width: 625px; } #homepageBtnWrapper { width: 640px; margin: 20px auto 0; padding: 0; max-width: 640px; } .homepageBoxBtn { width: 320px; float: left; height: 332px; position: relative; } #newsletterBox { margin-left: 0; } #findPlantsBox { margin-left: -10px; } #catalogBox { margin-left: 0px; margin-top: -2px; } #webSpecialsBox { margin-left: -10px; margin-top: -2px; } #footer {margin-top: 25px; background: url(/Content/images/footerBG.jpg) bottom center no-repeat; } .homepageGiftCert {margin: 0;} .homepageGiftCert .linkPositioning {top: 17px; right: 25px;} #footCatNavRow { /*padding-bottom: 37px;*/ } #footCatNav .treesshrubsvinesNav {display: none;} #footCatNav li:first-child a {padding: 0 10px 0 0;} #footCatNav li a { font-size: 12px; padding: 0 10px;} #footCatNav li:last-child a {padding: 0 0 0 10px;} #footCatNav li a:hover { color: #0c7628; } #footerLogo { float: left; margin: 15px 0 0 /*19px 0 0 0*/; width: 176px; } #footNav2 { width: 439px; height: auto; margin: 9px 0 0 0; } #footNav2 li { margin-right: 21px; margin-top: 0px; } #footNav2 li a { font-size: 12px; } .copytext { margin: 29px 0 0 0px; width: 135px; } #nationalGardenBureau { float: right; margin: -2px 10px 0 0; height: 63px; } #nationalGardenBureau img { height: 100%; } #footerBottom { margin-top: -52px; } #socialMediaHolder { margin: 2px 0 0 129px; } .wrapperContent { max-width: 620px; } #signupTable .extraInfo { letter-spacing: 0.2px; color: #c01118; font-size: 1em; margin-left: 54%; } #featuredRotator { margin: 5px 0 0 13px; width: 540px; } .homepageProdsInner #featurednext { margin: 79px 31px 0 0; } #topSellingRotator { margin: 5px 0 0 13px; width: 540px; } .homepageProdsInner #topSellingnext { margin: 79px 31px 0 0; } .homepagePromoBox { margin: -20px 0 0; width: 48%; } #homepagePromoBoxWrap { height: auto; margin-top: 24px; } .quickOrder { width: 620px; } #quickTable { width: 100%; margin: 0; } .quickItemName, .quickItemPID, .quickItemQty { width: 66%; margin-left: 0; display: inline-block;} .qtyInputQO { margin: 0 6px 0 0px; } #QOquickSearch { width: 200px; } .enterSKUTitle { font-size: 14px; } #subTotalQO { font-size: 14px; } .resultInfo { width: 71%; } /*.addToCartClearQO { margin-right: 12px; margin-top: 26px; }*/ #QOContentBlock{width:100%; height:auto;} #QO_sideContent{display:none;} #QO_mainIcon { background: url(/Content/images/QO_mainIcon620.jpg) no-repeat; width: 606px; height: 93px; margin: 0 0 5px 7px; } #quickSearchResults { margin: 12px 0 0 43px; width: 325px; } .CatPage h1 { width: 430px; } #sideLinkHolder { width: 100%; margin-top: -6px; } .homeSideLink { float: left; margin-left: 7px; width: 199px; font-size: 13px; text-align: center; padding: 0; height: 52px; line-height: 52px; } #specialPromoAreaSecondary, .Home #specialPromoAreaSecondary { font-size: 17px; margin: 15px 0 0; width: 100%; } #sideZoneLookup, #sideQuickOrder, #sideJungGuarantee { display: none; } #mainContent .leftArticle { width: 60%; } #mainContent .rightArticle { width: 34%; } #mainContent ul.articleList li a p.preview span.more { display: block; float: none; text-align: center; margin: 10px 0 0; } #Hide640 { display: none; } #jungGardenCentersLink { display: block; } body.ContactStreamClass { background: url(/Content/images/homepageTopHeader.jpg) top center no-repeat #FFF; } #contactFormWrap { width: 400px; } #mapPointersWrap { margin: 10px 0 0 10px; width: 190px; border-left: 1px solid #dddddd; } #mainContent #ContactForm p.selectionDirect { width: 180px; } #liveChatContact { margin-right: 25px; width: 144px; } #ContactForm input[type="text"], #ContactForm input[type="email"], #ContactForm input[type="password"], #ContactForm textarea { width: 357px; } #lastStepTitleText { font-size: 11px; } #altContactMethods { float: right; margin-top: 0; width: 158px; margin-left: 0; } .altContactMethod { width: 100%; margin-top: 22px; } .altCMtitle { width: 94%; } #gcMadNorth { background: url(/Content/images/gc600MadisonNorth.jpg) top left no-repeat; } #gcMadSouth { background: url(/Content/images/gc600MadisonSouth.jpg) top left no-repeat; } #gcMadRandolph { background: url(/Content/images/gc600Randolph.jpg) top left no-repeat; } #gcMadStevensPoint { background: url(/Content/images/gc600StevensPoint.jpg) top left no-repeat; } #gcMadSunPrarie { background: url(/Content/images/gc600SunPrarie.jpg) top left no-repeat; } .gcImgClear { width: 314px; } .gcLocationBox { height: auto; } .gcInfoBox { height: auto; margin-left: 16px; margin-top: 13px; width: 290px; } .gcInfoBoxLine { padding-left: 35px; } #mainContent a.gcAddressLine { font-size: 12px; } .gcHoursOfOperation { margin: 10px 0 0 5%; width: 95%;} #Shipping #storeShippingContent {width: 100%; margin: 0 0 20px;} .homepageRotator {display: block;} .homepageRotatorWide {display: none;} /* About Us Page ------------------------------- */ .aboutTimeline { display: block; margin: 0 auto; width: 100%; height: 415px; max-width: 1000px; background: url(/Content/images/jungTimeline640.jpg) no-repeat; } .aboutTimeline #time1 { display: block; margin: 0 auto; width: 128px; float: left; font-size: 24px; color: #25469B; font-weight: bold; position: relative; top: 134px; left: 45px; } .aboutTimeline #time2 { display: block; margin: 0 auto; width: 121px; float: left; font-size: 24px; color: #25469B; font-weight: bold; position: relative; top: 97px; left: 27px; } .aboutTimeline #time3 { display: block; margin: 0 auto; width: 122px; float: left; font-size: 24px; color: #25469B; font-weight: bold; position: relative; top: 62px; left: 29px; } .aboutTimeline #time4 { display: block; margin: 0 auto; width: 52px; float: left; font-size: 24px; color: #25469B; font-weight: bold; position: relative; top: 28px; left: 22px; } .aboutTimeline #time5 { display: block; margin: 0 auto; width: 98px; float: left; font-size: 24px; color: #25469B; font-weight: bold; position: relative; top: 0px; left: 89px; } .aboutTimeline .timeInfo { display: block; margin: 0 auto; width: 100px; font-size: 10px; color: grey; font-weight: normal; line-height: 16px; margin-left: -10px; padding: 8px 0 0 0; } /* Gallery Page ------------------------------- */ #mainContent #photoGalCatMenu li a { font-size: 11px; padding: 8px 0; } #mainContent #photoGalCatMenu { padding: 10px; } #galleryCatMenuWrap { width: 192px; } #galleryCatMenuWrap .gc_sectionHeader { width: 95%; padding-left: 5%; } #galleryBody { width: 400px; margin-right: 10px; } #PhotoCategoryBodyID h1 { margin-left: 212px; } .winnersBox { height: 151px; } .categoryItem { margin: 9px 28px; } .subCategoryName { height: 30px; } #galCatDisplaySubs { width: 400px; margin-right: 10px; } .photoItem { margin: 15px 25px 0; } .ImageName { min-height: 25px; } #directGardeningAssociation {width: 90px; margin: 12px 10px 0 0;} #directGardeningAssociation img {display: block; width:100%; height: auto;} #nonGMOverified {width: 75px; margin: 7px 10px 0 0;} #nonGMOverified img {display: block; width:100%; height: auto;} #categoryNav {width: 400px;} #mainContent .contactPDFlinkWrap { float: left; margin-bottom: 30px; width: 100%; } #currentShippingTable{width:100%;} #storeShippingBlock{width:100%;} #shipTable{margin:0; max-width:100% !important;} } @media only screen and (max-width: 639px) { body, body.Home { background: url(/Content/images/mobileBG.jpg) top center no-repeat #FFF; } .wrapper { max-width: 320px; margin: 0 auto; width: 100%; padding: 0; } #headerLeft { width: auto; } #logo { width: 100%; margin-top: 5px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } #mobileMenuHide { display: block; } #topNav { display: none; } #topNav li { margin-left: 20px; } #nav .responsive600, #topNav .responsive600 { display: none; } #searchForm { margin-left: 0; } #advancedSearchTop { display: none; } #SearchBox { width: 143px; } #searchTop { margin: -1px 0 0 45px; width: 190px; } #cartTop { height: auto; margin-left: 0; width: 321px;} #cartIcon { width: 35px; margin: -12px 0 0; background: url(/Content/images/cart1Mobile.png) no-repeat; } .Home #cartIcon { background: url(/Content/images/cart1Mobile.png) no-repeat; } #creditCards { margin-left: 10px; margin-top: 12px; width: 100px; } #cart-descript-mini { float: right; margin: 11px 2px 0 0; width: auto; } .gc_emptyCart { width: 100%; } #gc_totalQtyMini { font-size: 11px; font-weight: 600; } #nav a { font-size: 12px; padding: 0 11px; } #specialPromoArea { font-size: 15px; height: auto; margin: 8px 0 0; text-align: center; text-shadow: 2px 1px 4px #4D5136; width: 100%; } #liveChat { display: none; } #homepageRotatorWrap { margin: 12px 0 0; padding: 0; width: 100%; } .homepageProducts { width: 100%; margin-top: 15px; } .SpecialProdsHeader { width: 100%; padding-left: 0; text-align: center; } #nav { display: none; } #mobileCatNavBtn { display: block; } #header { height: auto; } .homepageBoxBtn { display: none; } .homepageBoxBtnM { display: block; } #homepageBtnWrapper { width: 100%; margin: 0 auto; padding: 0; max-width: 320px; } #quickOrderMiddle.homepageGiftCert{margin-bottom:-5px;} .homepageGiftCert .linkPositioning{top:1px; right:-20px; -moz-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5);} .wrapperContent { max-width: 310px; margin-top: 10px; } #mainContent #signupTable { display: block; padding: 1%; width: 300px; margin-left: -49%; } #signupTable th { white-space: nowrap; display: block; text-align: center; width: 100%; font-size: 15px; color: #7b747b; font-weight: normal; line-height: 3px; padding: 0 0 35% 107%; text-transform: uppercase; } #signupTable td { width: 100%; } #signupTable .extraInfo { color: #c01118; letter-spacing: 0.2px; display: block; margin-bottom: 7%; } #signupTable #ScreenName, #signupTable #Email2, #signupTable #ConfirmEmail, #signupTable #PasswordSignup, #signupTable #Password2 { font-size: 15px; border: 2px solid #ccc; border-radius: 3px; color: #999; margin: 10px 0; max-width: 100%; padding: 6px 17px; } #mainContent .nevermind a { margin-left: 21%; } #mainContent .classyButton { width: 100%; margin-left: 4%; } #mainContent #addresses { margin-left: 5%; } #mainContent .column2 { display: block; padding: 6% 11%; width: 100%; } #mainContent .editor-field input { max-width: 65%; padding: 8px 15px; } #mainContent #AddressCountryID { max-width: 77%; } #mainContent #City { max-width: 77%; } #mainContent h1 { text-align: center; } #mainContent #signup .editor-field input { max-width: 66%; } .SearchFormHolder { margin: 2%; } .searchFormDiv #searchText, .searchFormDiv #sku, .searchFormDiv #cats, .searchFormDiv #light, .searchFormDiv #zone, .searchFormDiv #CatalogPages, .searchFormDiv #OnSale { font-size: 16px; border: 2px solid #ccc; border-radius: 3px; color: #999; margin: 5px 0px; padding: 2px 0px; } .searchFormDiv label[for=searchText], .searchFormDiv label[for=sku], .searchFormDiv label[for=cats], .searchFormDiv label[for=light], .searchFormDiv label[for=zone], .searchFormDiv label[for=CatalogPages] { font-size: 14px; color: #484848; letter-spacing: 0.5px; } .searchFormDiv label[for=OnSale] { font-weight: bold; color: #c01118; } .searchFormDiv .nextButton { background-color: #0c7628; border: medium none; border-radius: 3px; box-shadow: none; color: #fff; cursor: pointer; display: block; font-size: 16px; letter-spacing: 0.2%; margin-top: -10.5%; max-width: 200px; padding: 1%; position: relative; text-decoration: none; text-transform: uppercase; float: right; margin-right: 6.6%; } .searchFormDiv #reset { background-color: #0c7628; border: medium none; border-radius: 3px; box-shadow: none; color: #fff; cursor: pointer; display: block; font-size: 16px; letter-spacing: 0.2%; margin-top: 5.7%; max-width: 200px; padding: 1%; position: relative; text-decoration: none; text-transform: uppercase; margin-left: 1%; } .searchFormDiv #resultsButton { background-color: #0c7628; border: medium none; border-radius: 3px; box-shadow: none; color: #fff; cursor: pointer; display: block; font-size: 16px; letter-spacing: 0.2%; margin-top: -10.2%; max-width: 200px; padding: 1%; position: relative; text-decoration: none; text-transform: uppercase; margin-left: 25%; } #featuredRotator { margin: 10px 0 0 18px; width: 180px; } .homepageProdsInner #featurednext { margin: 60px 28px 0 0; border: 2px solid #980000; height: 90px; width: 60px; border-radius: 4px; } #topSellingRotator { margin: 10px 0 0 18px; width: 180px; } .homepageProdsInner #topSellingnext { margin: 60px 28px 0 0; border: 2px solid #C88E00; height: 90px; width: 60px; border-radius: 4px; } .homepageProdsInner #featurednext a { padding: 20px 15px; } .homepageProdsInner #topSellingnext a { padding: 20px 15px; } #footer { float: left; margin-top: 25px; } #footCatNavRow { float: left; padding-bottom: 13px; padding-top: 5px; } #footCatNav li { margin-top: 8px; /*padding: 0 5px;*/ } #footCatNav li a { font-size: 11px; padding: 0 8px; } #footCatNav li:first-child a {padding: 0 8px 0 0;} #footCatNav li:last-child a {padding: 0 0 0 8px;} #footCatNav li a:hover { color: #0c7628; } #footerLogo { margin: 16px 0 0; width: 165px; } #footNav2 { height: auto; margin: 13px 0 0; width: 131px; } #footNav2 li { margin-right: 0; margin-top: 1px; width: 100%; } #footNav2 li a { font-size: 12px; } .copytext { margin: -1px 0 0 25px; width: 150px; } #nationalGardenBureau { float: left; margin: 7px 0 0 6px; } #directGardeningAssociation { float: left; margin: 14px 0 0 12px; width: 98px; } #directGardeningAssociation img { width: 100%; } #footerBottom { margin-top: 12px; width: 170px; margin-bottom: 15px; } #socialMediaHolder { margin: 4px 0 0 1px; } .socialMediaLink { margin: 0 0 9px 14px; } .quickOrder { width: 100%; margin-top: 12px; } .QO_TableHeader { font-size: 11px; } #quickTable { width: 100%; margin: 0; display: block; } .QO_TableHeader th { width: auto; text-align: center; padding: 0; } .QIimage .quickViewImage { width: 100%; padding: 0; } .QIimage { display: block; float: none; margin: 0 auto; max-width: 75px; width: auto; } /* .QO_itemRow td input[type="button"] { background: url(/Content/images/QOremove320.jpg) no-repeat; height: 18px; width: 18px; } .QO_itemRow td input[type="button"]:hover { background: url(/Content/images/QOremove320.jpg) no-repeat; } */ .addToCartClearQO a {width: 90%;} .quickItemName, .quickItemQty, .quickItemPID { font-size: 11px; line-height: 14px; margin: 0; width: 90%; padding: 0 5%; } .quickItemName { margin-top: 4px; } .TD60 { padding: 0; } .quickItem { text-align: center; } #QOquickSearch { background: #D8D8D8; border: medium none; font-size: 14px; margin: 0; padding-left: 8%; width: 92%; } #QOContentBlock{width:100%; height:auto;} #QO_sideContent{display:none;} .enterSKUTitle { font-size: 14px; margin: 12px 0 0; } #subTotalQO { font-size: 11px; line-height: 12px; margin-top: 31px; } #quickTotal { font-size: 17px; margin-top: 30px; } #addQuickOrderToCart.QOCB { text-align: center; float: none; } .qI3Inner { width: auto; } .quickItem3 { font-size: 14px; text-align: center; } .QO_TableHeader th.THTotals { padding: 0 10px; } .quickItem2 { text-align: center; } .qtyInputQO { margin: 0; float: none; } /*.addToCartClearQO { margin: 0 2%; width: 91%; }*/ #QO_mainIcon { background: url(/Content/images/QO_mainIcon320.jpg) top center no-repeat; width: 100%; height: 51px; margin: 0 auto; } .resultName { font-size: 12px; } .QuickResultImage { max-width: 60px; } #quickSearchResults { margin: 10px 0 0; padding: 0 6% 2% 2%; width: 94%; } .resultInfo { width: 73%; } .resultPID { font-size: 12px; } #sideLinkHolder { width: 100%; margin-top: 6px; } .homeSideLink { border: 1px solid #8A9328; font-size: 11px; height: 40px; line-height: 40px; margin: 0.5%; padding: 0; text-align: center; width: 48%; float: left; } #homepagePromoBoxWrap { margin-top: 0px; height: auto; } .homepagePromoBox { width: 96%; margin: 4px 2%; } .crummyList { display: none; } .smallCrummyList { display: block; color: #777; font-size: 13.5px; letter-spacing: 0.5px; /*margin: 0 0 -50px; position: relative; top: -55px;*/ color: #fff; text-shadow: 1px 1px 1px #222; } .smallCrummyList a { color: #F2F5B5; text-decoration: none; margin: 0 4px; } .smallCrummyList a:hover { color: #fff; } #categoryNav{/*position:absolute;margin: -76px 0 0 27px;*/ margin: 20px 0 20px 30px;} .productDetailsB #categoryNav{ /*position:absolute; margin: -76px 0 0 27px;*/ } #siteBreadCrumb {border-bottom: 1px solid #6D7F45; width: 320px; margin: 0 auto 10px; padding: 0 0 10px;} #mainContent p.StreaminationDisplay {font-size: 12px; line-height: 16px;} #specialPromoAreaSecondary, .Home #specialPromoAreaSecondary { color: #fff; font-size: 14px; font-weight: 600; margin: 0 0 10px; text-shadow: 1px 1px #4D5136; width: 100%; } .specialAreaHLcolor { color: #F2F5B5; } #sideZoneLookup, #sideQuickOrder, #sideJungGuarantee { display: none; } #mainContent .leftArticle { width: 96%; padding: 0 2%; } #mainContent .rightArticle { display: none; } #mainContent ul.articleList li a p.preview span.more { display: block; float: none; text-align: center; margin: 10px 0 0; } #liveChatContact { display: none; } #Hide640 { display: none; } body.ContactStreamClass { background: url(/Content/images/homepageTopHeader.jpg) top center no-repeat #FFF; } #contactFormWrap { width: 100%; } #mapPointersWrap { margin: 10px 0 0; width: 100%; height: auto; } #mainContent #ContactForm p.selectionDirect { width: 180px; } #ContactForm input[type="text"], #ContactForm input[type="email"], #ContactForm input[type="password"], #ContactForm textarea { width: 90%; } #lastStepTitleText { font-size: 12px; } #altContactMethods { float: right; margin-top: 0; width: 100%; margin-left: 0; } .altContactMethod { font-size: 11px; margin-top: 22px; padding-left: 1%; width: 48%; } .altCMtitle { width: 92%; } #mainContent .contactPDFlinkWrap { width: 100%; } #gcMadNorth { background: url(/Content/images/gc600MadisonNorth.jpg) top left no-repeat; } #gcMadSouth { background: url(/Content/images/gc600MadisonSouth.jpg) top left no-repeat; } #gcMadRandolph { background: url(/Content/images/gc600Randolph.jpg) top left no-repeat; } #gcMadStevensPoint { background: url(/Content/images/gc600StevensPoint.jpg) top left no-repeat; } #gcMadSunPrarie { background: url(/Content/images/gc600SunPrarie.jpg) top left no-repeat; } .gcImgClear { width: 314px; height: 137px; } .gcLocationBox { height: auto; } .gcInfoBox { height: auto; margin-left: auto; margin-top: 8px; padding-left: 4%; width: 96%; } .gcInfoBoxLine { padding-left: 35px; } .gcHoursOfOperation { margin-left: 8px; } .gcHoursOfOperation div {width: 100% !important; margin: 0 0 10px;} #mainContent a.gcAddressLine { font-size: 12px; } /* About Us Page ------------------------------- */ .aboutTimeline { display: block; margin: 0 auto; width: 100%; height: 1100px; max-width: 250px; background: url(/Content/images/jungTimelineMobile2.jpg) no-repeat; } .aboutTimeline #time1 { display: block; margin: 0 auto; width: 195px; height: 250px; float: left; font-size: 24px; color: #25469B; font-weight: bold; position: relative; top: 14px; left: 92px; } .aboutTimeline #time2 { display: block; margin: 0 auto; width: 121px; float: left; font-size: 24px; color: #25469B; font-weight: bold; position: relative; top: -26px; left: 92px; } .aboutTimeline #time3 { display: block; margin: 0 auto; width: 122px; float: left; font-size: 24px; color: #25469B; font-weight: bold; position: relative; top: 193px; left: -29px; } .aboutTimeline #time4 { display: block; margin: 0 auto; width: 52px; float: left; font-size: 24px; color: #25469B; font-weight: bold; position: relative; top: 280px; left: 92px; } .aboutTimeline #time5 { display: block; margin: 0 auto; width: 98px; float: left; font-size: 24px; color: #25469B; font-weight: bold; position: relative; top: 522px; left: 40px; } .aboutTimeline .timeInfo { display: block; margin: 0 auto; width: 143px; font-size: 10px; color: grey; font-weight: normal; line-height: 16px; margin-left: -10px; padding: 8px 0 0 0; } /* Gallery Page ------------------------------- */ #mainContent #photoGalCatMenu li a { font-size: 13px; padding: 8px 0; } #mainContent #photoGalCatMenu { padding: 3px 5% 0px 5%; width: 90%; } #galleryBody h3.galeryOnTheleft { display: none; } .catClass4 #galleryCatMenuWrap { float: left; margin-top: 5px; position: relative; width: 100%; display: block;} #galleryCatMenuWrap .gc_sectionHeader { width: 95%; padding-left: 5%; } #galleryBody { width: 100%; margin-right: 0px; } #PhotoCategoryBodyID h1 { margin: 20px 0 10px; } .winnersBox { height: auto; margin-bottom: 12px; width: 100%; } .categoryItem { margin: 9px 5%; width: 40%; } .subCategoryName { height: 30px; } #galCatDisplaySubs { margin-right: 0; margin-top: 10px; width: 100%; } .photoItem { margin: 15px 2% 0; width: 46%; } .catClass4 #galleryCatMenuWrap { top: 0; } #galleryCatMenuWrap { display: none; } #mainContent #galleryBody .crummyList a { color: #b7080f; text-shadow: none; } #mainContent #galleryBody .crummyList { text-shadow: none; } .ImageName { height: 30px; min-height: 30px; } .photoItem a img { height: 100%; } .homepageRotator {display: block;} .homepageRotatorWide {display: none;} #nonGMOverified {margin: 10px 35px 0;} #zipLeftBits {width: 100%; margin: 0 0 30px;} #lookupTableRight {width: 100%;} #Shipping #storeShippingContent {width: 100%; margin: 0 0 20px;} #mainContent p img {max-width: 50%; height: auto;} #mainContent .contactPDFDownload {font-size: 14px; width: calc(100% - 105px);} } /* WISH LIST SEARCH ======================================================== */ .wlSearch input[type="text"] { padding: 5px; width: 250px; background: #f1f1f1; border: 1px solid #c6c6c6; transition: all 0.3s ease; } .wlSearch input[type="text"]:focus { background: #fff; border: 1px solid #EC1A23; transition: all 0.3s ease; } .wlSearch input[type="submit"] { background: #0c7628; border: 1px solid #09591e; border-radius: 5px; color: #fff; font-size: 13px; letter-spacing: 1px; margin: 0 0 0 15px; padding: 3px 15px; font-weight: 600; text-transform: uppercase; font-family: inherit; transition: all 0.3s ease; } .wlSearch input[type="submit"]:hover, .wlSearch input[type="submit"]:active { background: #EC1A23; border: 1px solid #131f41; cursor: pointer; transition: all 0.3s ease; } .wishListSearchWrap { margin: 10px 0 40px; } .wlMessage { display: block; padding: 10px 0; border: 1px solid #660d0d; background: #c01118; color: #fff; font-size: 14px; font-weight: bold; margin: 40px auto 0; text-align: center; box-sizing: border-box; width: 100%; } .wlResults { margin: 40px 0 0; } .wlResults .resultsTitle { color: #b7080f; font-size: 16px; font-weight: 700; letter-spacing: 0.5px; } .wlResults .wlResultItem { width: 49%; margin: 0 1% 0 0; } #mainContent .wlResults .wlResultItem a { display: block; text-decoration: none; border-radius: 5px; padding: 5px 10px; border: 2px solid transparent; box-sizing: border-box; background: url("/Content/GenCart/images/account/accountLinksBG.png") no-repeat scroll 3% center; transition: all 0.3s ease; } #mainContent .wlResults .wlResultItem a:hover, #mainContent .wlResults .wlResultItem a:active { border: 2px solid #0c7628; color: #0c7628; transition: all 0.3s ease; } .wlResults .wlResultItem a .wlResultName { display: inline-block; padding: 0 0 0 45px; } .wlResults .wlResultItem a .wlResultAddress { display: inline-block; } .wlResults .wlResultItem a .wlResultAddress:before { content: "Location:"; padding: 0 5px; } @media only screen and (max-width: 1340px) { /*.homepageBoxBtn {width:24%;}*/ } @media only screen and (max-width: 999px) { .wlResults { margin: 20px 0; } .wlResults .wlResultItem { margin: 5px 0; width: 100%; } .wlResults .wlResultItem a .wlResultName { padding: 0 0 0 45px; } .wlResults .wlResultItem a .wlResultAddress:before { padding: 0 0 0 5px; } #currentShippingTable{width:100%;} #storeShippingBlock{width:100%;} #shipTable{margin:0; max-width:100% !important;} } @media only screen and (max-width: 639px) { .wlSearch input[type="text"] { width: 100%; box-sizing: border-box; } .wlSearch input[type="submit"] { margin: 10px 0 20px; width: 100%; box-sizing: border-box; } .wlResults .wlResultItem a div { padding: 0 0 0 45px; } .wlResults .wlResultItem a .wlResultAddress:before { padding: 0; } #currentShippingTable{width:100%;} #storeShippingBlock{width:100%;} #shipTable{margin:0; max-width:100% !important;} } .checkbox { float: left; width: 24px; } .checkInfo { float: left; width: 367px; } #newsLetterSubmit, #requestCatalogBoxLink, #viewOnlineBoxLink, #zoneLookupBoxLink, #webSpecialsBoxLink, #mainContent p#SendButton input { float: left; margin: 2px 0 10px; border: 1px solid #8F0F0F; border-radius: 5px; color: #FFF; cursor: pointer; font-size: 13px; font-weight: 700; letter-spacing: 1px; padding: 4px 9px 5px; text-transform: uppercase; text-decoration: none; /* background: linear-gradient(#F44046, #C00209); */ background-color: #C00209; background-image: linear-gradient( rgba(255,255,255,0.25), rgba(0,0,0,0.25) ); animation: hovering 0.3s ease; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; clear: both; } @keyframes hovering { 100% {background-color: #0c7628;} } #newsLetterSubmit:hover, #newsLetterSubmit:active, #requestCatalogBoxLink:hover, #requestCatalogBoxLink:active, #viewOnlineBoxLink:hover, #viewOnlineBoxLink:active, #zoneLookupBoxLink:hover, #zoneLookupBoxLink:active, #webSpecialsBoxLink:hover, #webSpecialsBoxLink:active, #mainContent p#SendButton input:hover, #mainContent p#SendButton input:active { background: #0c7628; border: 1px solid #09591e; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }