* {margin:0; padding:0;}

*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html {-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%}



html, body, div, span, applet, object, iframe, 

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 

abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, 

small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 

fieldset, form, label, legend, input, 

table, caption, tbody, tfoot, thead, tr, th, td, 

article, aside, canvas, details, embed, figure, figcaption, 

footer, header, hgroup, menu, nav, output, ruby, section, summary, 

time, mark, audio, video, textarea {border:0; font-family:inherit; font-size:100%; font-weight:normal; margin:0; padding:0; outline:0; vertical-align:baseline;}



body {color:#212121; font-family:arial; font-size:16px; font-style:normal; font-weight:normal; height:100%; line-height:1.5; letter-spacing:0;} 







/* headers

-----------------------------------------------*/

h1, h2, h3, h4, h5, h6 {color:inherit; display:block; font-weight:normal; font-style:normal; line-height:normal; margin:0; padding:0}







/* links

-----------------------------------------------*/

a {color:inherit; cursor:pointer; margin:0; padding:0; font-family:inherit; font-size:100%; line-height:inherit; outline:0; text-decoration:none; text-transform:inherit}

	a:hover {text-decoration:underline}



/* paragraphs

-----------------------------------------------*/

p, address {display:block; font-style:normal; margin:0; padding:0}



p {font-size:16px; line-height:1.5; padding-bottom:20px}



strong, b {font-weight:bold}





img {vertical-align:middle;}



#holder {display: block; overflow: hidden; position: relative; width:100%}



.gardenplus {background:url("../images/gardenplus.png") no-repeat 0 0; display: block; font-size: 0; height:98px; line-height: 0; left:32px; margin-top: -49px; position: absolute; text-indent: -9999em; top:50%; width: 202px; z-index: 99}

.gardenplus_mobile {background:url("../images/gardenplus_mobile.png") no-repeat 0 0; background-size: 122px 60px; display:none; font-size: 0; height:60px; line-height: 0; margin: 0 auto; text-indent: -9999em; width: 122px; z-index: 99}



#header {background: #ffffff; float:left; min-height:28px; position:relative; width:100%; z-index:9999}



	.logo {background:url("../images/logo.png") no-repeat 0 0; display: block; font-size: 0; height:43px; line-height: 0; left: 23px; position: absolute; text-indent: -9999em; top:54px; width: 56px}

	.logo:hover {text-decoration:none}





@media (max-width:767px){	



	#holder {height:auto !important}	

	

.side_active #holder {padding-left: 270px; width: 767px}

	

#header {clear: both; display: block; float: none; overflow: hidden; padding:20px 0 0 0}	



	.logo {left:auto; right:15px; margin: 0; top: 20px}

	

	.gardenplus {display: none}

	.gardenplus_mobile {display: block}

		

}



.nav {clear:both; display: block; left: 0; overflow: hidden; position: absolute; right: 0; text-align: center; width: 100%; z-index: 2}



	.nav_list {display:inline-block; margin: 0; overflow: hidden; padding:0; white-space: nowrap}

	.nav_list li {display:inline; font-size:12px; line-height:28px; list-style: none; margin: 0; padding:0 10px; }

	.nav_list li:last-child {padding-right: 0}



	.nav_list a {color: #6b6969; display: inline-block; font-family: 'NewsGothicBT-BoldCondensed'; line-height: 28px; padding-bottom: 8px}

	.nav_list a:hover, .nav_list .active {background:url("../images/arrow-dropdown16x8.png") no-repeat bottom center; color:#e10514; text-decoration: none}



.side_active .nav_list {margin-left: -270px}





@media (max-width:767px){	



.nav {padding:30px 15px 10px 15px; position: relative; width: auto}

	

	.nav_list {clear:both; display: block; width: 100%}

	.nav_list li {clear:both; display:block; overflow:hidden; padding: 0 0 8px 0}

	.nav_list a {background: #d5d5d5; display:block; position: relative; padding: 0; text-align: center}

	.nav_list a:hover, .nav_list .active { background:#eb2414; color: #ffffff}

}





.side_panel {float:left; height: 100%; padding-top:0; position: absolute; right:-300px; top:0; width: 600px; z-index: 9999 }

	

	.side_panel_open {right: 0}



	.side_nav {float: left; height: 100%; position: relative; width: 300px}



	.side_wrapper { background: #ffffff; border-right: 1px solid #aeaeae; float: right; overflow-y: scroll; height: 100%; width:300px}



	.side_panel_tab {background:#ec0414; color: #ffffff; display: block !important; float:right; font-family: 'NewsGothicBT-Demi'; font-size: 12px; line-height: 28px; padding:0 12px; text-decoration: none; text-transform: uppercase; z-index:999}

	.side_panel_tab:hover {text-decoration: none}



	.side_panel_tab .mobile {display:none}



	.side_block {background:#ffffff; border-bottom: 1px solid #aeaeae; clear:both; display: block; overflow: hidden; padding:0 0 5px 5px}

	.side_panel h3 {color: #cc0000; font-family: 'NewsGothicBT-BoldCondensed'; font-size: 12px; line-height: 28px; padding:0}

	.side_panel h4 {color: #000000; font-family: 'NewsGothicBT-BoldCondensed'; font-size: 12px; line-height: 12px; padding:5px 0}

	.side_panel h6 {color: #020202; font-family: 'NewsGothicBT-Demi'; font-size: 10px; line-height: 12px; padding:2px 0 0 0}



	.row {clear:both; display: block; overflow: hidden; padding-bottom: 5px; width: 100%}



	.col33 {float:left; padding-right: 5px; width: 33%}



	.side_panel_list {clear:both; display: block; margin: 0; overflow: hidden; padding: 0; width: 100%}

	.side_panel_list li {clear:both; display: block; list-style: none; margin: 0; overflow: hidden; padding:0 5px 5px 0; width: 100%}



	.side_panel_list_inline li {clear:none; float: left; padding:0 5px 5px 0; width:50%}

		

	.panel_link {clear:both; display: block; overflow: hidden; position: relative; text-decoration: none}

	.panel_link:hover {text-decoration: none}



	.panel_link_mask {background: none; border:2px solid #ed1f24; display:none; font-size: 0; height: 100%; line-height: 0; margin: 0; overflow: hidden; position: absolute; right: 0; text-indent: -9999em; top: 0; width: 100%; z-index: 99}



	.panel_link:hover .panel_link_mask {display: block}



	.side_panel_list img {float:left; width: 100%; z-index: 9}



	.filter_list {clear:both; display: block; margin: 0; overflow: hidden; padding: 0; width: 100%}

	.filter_list li {clear:both; display: block; list-style: none; margin: 0; overflow: hidden; padding:0 0 5px 0; width: 100%}

	.filter_list a {background:#e5e5e5; color: #1d1d1b; display: block; font-family: 'NewsGothicBT-BoldCondensed'; font-size:10px; line-height: 15px; padding: 0 1px 0 3px; text-transform: uppercase }

	.filter_list a:hover, .filter_list .active { background: #ec0414; color:#ffffff; text-decoration: none}





@media (max-width:767px){	



.side_panel {left: -270px; right: 0; width: 270px}

	

	.side_panel_open {left: 0; right: auto}

	

	.side_nav {display: block; height: auto; float:none; width:100%}

	

	.side_wrapper {clear: both; display: block; float: none; height: auto; overflow: hidden; overflow-y: scroll; width: 100%}

	

	.side_panel_tab {background:url("../images/mobile_nav.png") no-repeat 0 0; color:#4c4c4c; height: 38px; padding:0; font-size: 14px; line-height: 16px; position: absolute; right: -58px; top: 30px; /*width: 120px*/ width: 58px}

	

	.side_panel_tab .desktop {display: none}

	.side_panel_tab .mobile {color:#4c4c4c; display:block}

	

	.side_panel_tab span {display: none !important}

}





.bg,.bg_top {

	bottom:0;

	display:block;

/*	height: 100%;*/

/*	left: 0;*/

	position:fixed;

/*	right:0;*/

/*	top: 0;*/

	width: 100%;

	z-index:1

}



.bg_top {

	top:0 !important;

	bottom:inherit !important;

}





	.bg_main {float:left; width:100%; z-index:2} 

	.bg_replace {float:left; left:0; position:absolute; top:0; width:100%; z-index:3}



@media (max-width:767px){	



.bg {bottom:auto; height: auto; position: relative}

	

}



.download_tab {background:#ffffff url("../images/icons/download_35x33.png") no-repeat 24px 14px; bottom: 0; display: block; font-family: 'NewsGothicBT-Demi'; font-size: 18px; min-height: 60px; overflow: hidden; padding:8px 0 0 72px; position: absolute; right: 0; width: 370px; z-index:9999 }

.download_tab span {clear: both; display: block; font-size: 12px}



.side_active .download_tab {right: 300px}



@media (max-width:767px){	



.download_tab { position: relative; left: auto; margin:0 auto; right: auto !important}

	

}