#top .logo img { width: auto; max-width: 100%; }

#top { min-height: 110px; background-color: #e32219; }
#top .topright { background: url(../images/birds.png) no-repeat center left; min-height: 110px; }

@media (max-width: 769px) {
	#top { min-height: 50px; }
}

#navigation, #navigation-bar-phone { min-height: 40px; 
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(52,13,6,1) 51%, rgba(74,17,10,1) 73%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(51%,rgba(52,13,6,1)), color-stop(73%,rgba(74,17,10,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(52,13,6,1) 51%,rgba(74,17,10,1) 73%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(52,13,6,1) 51%,rgba(74,17,10,1) 73%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(52,13,6,1) 51%,rgba(74,17,10,1) 73%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(52,13,6,1) 51%,rgba(74,17,10,1) 73%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

#navigation div#maximenuck96 ul.maximenuck { border-top: 0; font-family: inherit; background: transparent; padding: 0; }
#navigation div#maximenuck96 ul.maximenuck li.maximenuck.level1 { border-bottom: 0; }
#navigation div#maximenuck96 ul.maximenuck li.maximenuck.level1 span.titreck { color: #f3be00; }

#navigation div#maximenuck96 ul.maximenuck li.maximenuck.level1.clickedck,
#navigation div#maximenuck96 ul.maximenuck li.maximenuck.level1.active,
#navigation div#maximenuck96 ul.maximenuck li.maximenuck a:hover,
#navigation div#maximenuck96 ul.maximenuck li.maximenuck span.separator:hover { border-bottom: 0; background-color: #000; }
	
#navigation div#maximenuck96 ul.maximenuck li.maximenuck.level1.active span.titreck,
#navigation div#maximenuck96 ul.maximenuck li.maximenuck.level1:hover span.titreck { color: #fff; }
	
#navigation div#maximenuck96.maximenuckh ul.maximenuck li.level1.parent > a,
#navigation div#maximenuck96.maximenuckh ul.maximenuck li.level1.parent > span.separator { padding-right: 15px; }
	
#navigation div#maximenuck96.maximenuckh ul.maximenuck li.level1.parent > a:after,
#navigation div#maximenuck96.maximenuckh ul.maximenuck li.level1.parent > span.separator:after { display: none; }
	
/* Dropdown */
div#maximenuck96 div.floatck { background: transparent !important; }
#navigation div#maximenuck96 ul.maximenuck li div.floatck ul.maximenuck2 { background-color: #000; }

#navigation div#maximenuck96 ul.maximenuck2 li.maximenuck { margin: 0; }

#navigation div#maximenuck96 ul.maximenuck2 li.maximenuck  a,
#navigation div#maximenuck96 ul.maximenuck2 li.maximenuck span.separator { background: transparent; color: #fff; }
 
#navigation div#maximenuck96 ul.maximenuck li.maximenuck.level1 ul.maximenuck2 li.maximenuck span.titreck { color: #fff; }
 
#navigation div#maximenuck96 ul.maximenuck2 li.current a  span.titreck,
#navigation div#maximenuck96 ul.maximenuck2 li.maximenuck.current span.separator  span.titreck { color: #f3be00 !important; }
 
#navigation div#maximenuck96 ul.maximenuck li.maximenuck.level1 ul.maximenuck2 li.maximenuck a:hover,
#navigation div#maximenuck96 ul.maximenuck li.maximenuck.level1 ul.maximenuck2 li.maximenuck span.separator:hover { background: #222; }

#navigation div#maximenuck96 ul.maximenuck li.maximenuck.level1 ul.maximenuck2 li.maximenuck:last-child a:hover,
#navigation div#maximenuck96 ul.maximenuck li.maximenuck.level1 ul.maximenuck2 li.maximenuck:last-child span.separator:hover { border-radius: 0 0 10px 10px; }

#navigation div#maximenuck96 ul.maximenuck2 li.maximenuck span.separator:hover span.titreck  { color: #f3be00 !important; }
 
 
/* Phone Menu - Menu Icon */
.menu-icon:before { content: "\f0c9"; }
.menu-icon { padding: 0 10px; cursor: pointer; width: 18px; height: 18px; float: left; font-size: 25px; font-family: "FontAwesome"; color: #FFFFFF; margin-top: 3px; }
#navigation-phone .drop-down { display: none; }

/* Phone Menu - 1st Level */
#navigation-phone ul li span.separator { cursor: pointer; }
#navigation-phone ul.nav { margin: 0; padding: 0; list-style: none; }
#navigation-phone ul.nav li { margin: 0; padding: 0; }
#navigation-phone ul.nav li a, #navigation-phone ul.nav li span.separator { display: block; padding: 10px; font-size: 15px; border-bottom: 1px solid rgba(52,13,6,1); color: #FFFFFF; background-color: #000000; }
#navigation-phone ul.nav li a:hover { color: #8c1100; }
#navigation-phone ul.nav li.active > a { background-color: rgba(52,13,6,1); color: #ffffff; }

/* Phone Menu - 2nd Level */
#navigation-phone ul.nav-child { margin: 0; padding: 0; list-style: none; border-top: 0; }
#navigation-phone ul.nav-child li { margin: 0; padding: 0; }
#navigation-phone ul.nav-child li a, #navigation-phone ul.nav-child li span.separator { display: block; padding: 10px 20px; font-size: 13px; border-bottom: 1px solid rgba(52,13,6,1); color: #FFFFFF; background-color: #161616; }
#navigation-phone ul.nav-child li span.separator { color: #eee; background-color: #161616; }
#navigation-phone ul.nav-child li a { color: #eee; }
#navigation-phone ul.nav-child li a:hover { color: #8c1100; text-decoration: none; }
#navigation-phone ul.nav-child li.active > a { background-color: rgba(52,13,6,1); color: #ffffff; }
 
#banner { position: relative; padding: 0; }
.dinosaur { background: url(../images/dinosaur.png) no-repeat; width: 234px; height: 388px; position: absolute; top: -135px; right: 0; z-index: 8; }
.bannertop{ background: url(../images/bannertop.png) no-repeat; width: 100%; height: 25px; position: absolute; bottom: 0; right: 0; z-index: 5; }
#banner .page { min-height: 50px; background-color: #647600; overflow: hidden; }
#banner .page img { width: 100%; height: auto; }

#content { background-color: #9ab602; z-index: 10; }
#content .padding { padding: 30px 55px; z-index: 11; }

@media (max-width: 768px) {
	.dinosaur { display: none; }
	#content .padding { padding: 20px 15px; z-index: 11; }
}

.page-header { margin: 0; border-bottom: 0; }

#footer { background: #9ab602 url(../images/bg_footer.png) no-repeat; min-height: 110px; padding-top: 50px; }

h1 { color: #8c1100; }
h2 { color: #d25e15; }
h3 { color: #370e08; }
h4, h5, h6 { color: #8c1100; }

a:link, a:active, a:visited { color: #8c1100; text-decoration: none; }
a:hover { color: #8c1100; text-decoration: underline; } 

.smallGrey { color: #707070; font-size: 10px; }
.whiteBold  { font-weight: bold; color: #FFFFFF; }
.darkGreenBold { font-weight: bold; color: #4c5a00; }
.blackBold { font-weight: bold; color: #000000; }
.redBold { font-weight: bold; color: #CC0000; }

/* Right Column */
.right img { width: 100%; height: auto; }

/* Product Range */
.range  { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #A4C009; padding: 10px; border: 1px solid #8BA700; margin-bottom: 20px; }

.range.standard div,
.range.garden div { width:105px; float: left; font-size: 12px; text-align: center; margin: 0 2px; }

.range.specialty div { width:136px; float: left; font-size: 12px; text-align: center; margin: 0 2px; }

.range a { color: #000; }
.range a:hover { text-decoration: none; color: #000; }

.range.standard img,
.range.garden img { height:159px; width:105px; -moz-transition:-moz-transform 0.1s ease-in;  -webkit-transition:-webkit-transform 0.1s ease-in;  -o-transition:-o-transform 0.1s ease-in; }

.range.specialty img { height:159px; width:136px; -moz-transition:-moz-transform 0.1s ease-in;  -webkit-transition:-webkit-transform 0.1s ease-in;  -o-transition:-o-transform 0.1s ease-in; }

.range.standard img:hover,
.range.garden img:hover,
.range.specialty img:hover { transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1);}

@media (max-width: 768px) {
	.range td {display: table-row; width: 100%; }
}

/* Tech Info */
div.catItemHeader h3.catItemTitle { height: 35px; }
div.catItemTagsBlock ul.catItemTags li { padding: 0; }
div.catItemTagsBlock span { display: none; }
div.catItemTagsBlock ul.catItemTags li a { font-size: 10px; }

span.catItemImage { text-align: left; }
span.catItemImage img { max-width:100%; height: 100px; }


@media (min-width: 1200px) {
	div.catItemLinks { height: 60px; }
}
@media (max-width: 1200px) {
	div.catItemLinks { display: none;}
}
@media (max-width: 380px) {
	span.catItemImage img { max-width:100%; height: auto; }
	#itemListPrimary .itemContainer.col-xs-6 { min-height: 140px; padding: 0; }
}

.subCategoryContainer.col-xs-6 { padding: 0; }
.itemListCategoriesBlock .subCategory img { max-width: 100%; }
.itemListCategoriesBlock .subCategory { background:#b4d118;margin:4px;padding:8px; height:220px; }

@media (max-width: 480px) {
	.itemBody .itemImage img.item-image { display: block !important; padding: 0 !important; float: none !important; margin-bottom: 20px; text-align: center; }
}

/* Tabs and Slides */

div.jwts_toggleControlContainer a.jwts_toggleControl {
background: #738617; /* Old browsers */
background: -moz-linear-gradient(top,  #738617 0%, #6b7d15 49%, #677815 52%, #697b15 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#738617), color-stop(49%,#6b7d15), color-stop(52%,#677815), color-stop(100%,#697b15)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #738617 0%,#6b7d15 49%,#677815 52%,#697b15 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #738617 0%,#6b7d15 49%,#677815 52%,#697b15 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #738617 0%,#6b7d15 49%,#677815 52%,#697b15 100%); /* IE10+ */
background: linear-gradient(to bottom,  #738617 0%,#6b7d15 49%,#677815 52%,#697b15 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738617', endColorstr='#697b15',GradientType=0 ); /* IE6-9 */
border: 1px solid #5f6f13;
color: #F3BE00; 
}

div.jwts_content {  padding: 4px 8px 20px; border: 0; }
div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlNotice { color: #F3BE00; }

.jwts_tabberlive { margin: 20px 0; }
.jwts_tabberlive .jwts_tabbertab {  background: #a4c009;  border: 1px solid #8ba700;  padding: 0 15px 15px; }
ul.jwts_tabbernav { margin: 0 0 0 8px !important; line-height: 29px; }
ul.jwts_tabbernav li { line-height: 29px !important; display: inline-block !important; }
ul.jwts_tabbernav li a { color: #557101; background-color: #ffffff; font-weight: bold; border-color: #8ba700; padding: 8px 10px; }
ul.jwts_tabbernav li a:hover { background-color: #8ba700; color: #fff; border-color: #8ba700; }
ul.jwts_tabbernav li.jwts_tabberactive a,
ul.jwts_tabbernav li.jwts_tabberactive a:hover  { background: #a4c009 none repeat scroll 0 0; border-bottom: 1px solid #a4c009; }

/* General Item */
.item-page .item-image { float: none; }
@media (max-width: 768px) {
	.item-page .item-image-container.text-right { text-align: center; }
}
.item-page table td { vertical-align: top; }



/* Footer */
#footer { color: #f3be00; }
#footer a:link, #footer a:visited, #footer a:active { color: #f3be00; } 
#footer a:hover { color: #000000; }


/* Contact Form */
.controls input, 
.controls textarea {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.controls input { height: 34px; }
.controls textarea { height: 102px; resize: none; }

.alert-error {
    background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
    background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
    background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
    background-repeat: repeat-x;
    border-color: #dca7a7;
}


.btn { white-space: normal !important;}