@charset "utf-8";

/* CSS Document */

@font-face {font-family:RageItalic; font-weight:normal; src: url(../fonts/RAGE.TTF);}

/*GENERAL*/

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, a, img, form, div {margin:0px; padding:0px;}

body {margin:0;	padding:0; font:12px/150% Georgia, "Times New Roman", Times, serif; color:#f4f1d0; background:black url(../images/bg.jpg) top center no-repeat fixed;}

/*Changes 6-5-2013*/
h5 {font-size:18px; text-align:left;}

h6 {font-size:14px; font-weight:bold;}

#summerhours { width: 400px; /*margin-left:250px;*/ text-align:left; margin:40px 0px;}

#shr {width: 450px; float:right; text-align: right; margin-right: 20px; }
#shr h4 {font-size:26px;}

#shl {width: 400px; }

#shr2 {width: 300px; float:right;  }

#shr2 h4{text-align:center; }

#shr2 ul li{list-style-type: none; }

#shl2 {width: 240px; text-align:center;}

#shl2 h4{text-align:center; }

#shl2 ul li{list-style-type: none;}

#summerhours2 { width: 400px; margin-left:175px;}

#summerhours3 { width: 300px; margin-left:240px;}

#summerhours4 {text-align:center;}

#summerhours5 { width: 400px; margin-left:215px;}

#shr5 {width: 280px; float:right; text-align:center; }

#shl5 {width: 280px; text-align:center;}



/*DIVS*/

div.wrap {margin:25px auto; width:994px;}



div.header {background:url(../images/jeffs-small-engine-header.jpg) top left no-repeat; height:30px; padding:115px 0 0 290px; width:704px;}

div.header-text {
	color: black;
	margin-top: -98px;
}
.header-text h1 { font-size:24px; color:black;}
.header-text p {color:black; font-size:14px;}

div.navigation {font-size:12px; margin:70px auto; text-transform:uppercase; width:994px;}

.navigation a {color:#797e02 !important; margin-left:10px; margin-right:10px;}

div.content {height:636px; margin:0px auto; width:994px;}

	.content1 {background:url(../images/home_bg1_lawn-mowers.jpg) top left no-repeat;}

	.content2 {background:url(../images/home_bg2_snow-blowers.jpg) top left no-repeat;}

	.content3 {background:url(../images/home_bg3-online-parts.jpg) top left no-repeat;}

	.content4 {background:url(../images/home_bg1_lawn-mowers.jpg) top left no-repeat;}



.homepage {
    background-color:#797e02;
    border-bottom:3px solid #e9e1b9;
    text-align:left;
    padding:20px 10px 10px 220px;
}

.subpage {background-color:#797e02; border-bottom:3px solid #e9e1b9; padding-top:40px;}

	.sub_left {float:left; width:250px;}

	.sub_right {background-color: #393a1b; color:#797e02; float:right; margin-right:20px; padding:25px 15px 25px 15px; width:670px;}

	.subpage_inner {background-color:#e9e1bd; margin:0px auto; padding:10px 25px 10px 25px; width:580px;}

	.sub_bottom {height:20px;}



.nav_recipe {background-color:#393a1b; color:white; font-size:14px; margin-bottom:25px; padding:5px 0px 5px 0px; text-align:center; width:100%;}

	.recipe_select {font-weight:bold; padding-right:25px; text-transform:uppercase;}

.bottle {background:url(../images/jeffs-front-site/small-engines/small-engines-long.png) top left no-repeat; height:514px; margin-left:5px; position:absolute; top:850px; width:180px;}

.slogan {height:67px; margin-left:210px; position:absolute; top:765px; width:599px;}
/*
.email_signup {background-color:#797e02; border-bottom:2px solid #484b01; border-left:2px solid #484b01; border-right:2px solid #484b01; font-weight:bold; height:23px; opacity:0.6; filter:alpha(opacity=60); margin-left:830px; padding-top:7px; position:absolute; text-align:center; top:170px; width:120px;}
*/
.email_signup {
	background-color: #797e02;
	border: 2px solid #484b01;
	font-weight: bold;
	height: 23px;
	margin-left: 830px;
	padding-top: 7px;
	position: absolute;
	text-align: center;
	width: 120px;
	margin-top: 4px;
}
	.email_signup a {color:white !important;}

.product_box {background:url(../images/product_box_bg.png); margin-left:15px; margin-bottom:10px; min-height:340px; padding-top:1px; width:250px;font-size: 20px;}

.product_box_home {background:url(../images/product_box_bg.png); margin-left:700px; min-height:360px; position:absolute; top:230px; width:250px;}

	.cart_stats {background-color:#e7e1b6; float:right; height:25px; margin-right:20px; margin-top:10px; width:150px;}

	.cart_account {float:right; margin-right:21px; margin-bottom:10px;}

.recipe-social-media {float:left; padding-top:25px;}



div.contact_left {float:left; width:250px;}

div.contact_right {float:right; width:550px;}



div.footer {background-color:#797e02; height:40px; padding:10px; width:974px;}

	div.footer1 {float:left;}

	div.footer2 {float:right; margin-right:20px; padding-top:10px;}

	div.footer3 {float:right;}



/*HEADERS*/

h1 {color:#ebdfb8; font-family:RageItalic, serif; font-size:30px;}

	h1.sub_header {padding:0px 0px 20px 40px;}

h2 {color:#797e02; font-size:16px; font-weight:bold; padding:0px 0px 25px 0px;}



/*PARAGRAPHS*/

p {margin-bottom:10px;}



.center {text-align:center;}

.underline {text-decoration:underline;}

.italic {font-style:italic;}

.bold {font-weight:bold;}

.clear {clear:both;}

.image_float_left {float:left; margin:5px 15px 5px 0px;}

.image_float_right {float:right; margin:5px 0px 5px 15px;}

.white {color:white;}

.border {border:20px solid #797e02;}



/*IMAGES*/

.cart_image {margin-left:20px;}

.img_bottle {margin-left:50px; margin-bottom:10px;}

.sub_olive {margin-right:-80px;}



/*LINKS*/

a:link, a:active, a:hover, a:visited, embed, object, img {outline:none; border:0px;}



a {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}

#menu_links a {font-family:Verdana, Arial, sans-serif;}

a.menu_link {text-decoration:underline !important;}

.img {}

.img:hover {}



a:link {color:#bdd175; text-decoration:none;}

a:visited {color:#bdd175; text-decoration:none;}

a:hover {color:white; text-decoration:underline;}

a:active {color:white; text-decoration:none;}



.product_box ul li a, .product_box_home ul li a {background-color:#797e02; display:block; font-size:16px; height:25px; opacity:0.75; filter:alpha(opacity=75); padding:8px 5px 2px 5px; width:190px;}

.product_box ul li a:link, .product_box_home ul li a:link {
	color:#FAFAFA; /*#bdd175;*/ text-decoration:none;}

.product_box ul li a:visited, .product_box_home ul li a:visited {
	color:#FAFAFA; /*#bdd175;*/
	text-decoration:none;
}

.product_box ul li a:hover, .product_box_home ul li a:hover {background-color:#d6df00; color:black; text-decoration:none;}

.product_box ul li a:active, .product_box_home ul li a:active {background-color:#d6df00; color:black; text-decoration:none;}



.subpage_inner a:link {color:#797E02;}

.subpage_inner a:visited {color:#797E02;}

.subpage_inner a:hover {color:black;}

.subpage_inner a:active {color:black;}



.subpage_inner .nav_recipe a:link {color:#bdd175;}

.subpage_inner .nav_recipe a:visited {color:#bdd175;}

.subpage_inner .nav_recipe a:hover {color:white;}

.subpage_inner .nav_recipe a:active {color:white;}



.dropdown ul {background-color:black; opacity:0.8; filter:alpha(opacity=80); display:none; margin-top:0px; margin-left:600px; position:absolute; padding:10px 10px 0px 0px; width:250px; z-index:2;}

.dropdown:hover > ul {display: block;}

.dropdown li {float: left; font-size:12px;}

.dropdown li a {display:block; padding:5px; width:250px;}



#footer a {font-size:12px; font-weight:bold; margin:0px 27px 0px 27px;}

#footer a:link {color:#fff200; text-decoration:none;}

#footer a:visited {color:#fff200; text-decoration:none;}

#footer a:hover {color:white; text-decoration:underline;}

#footer a:active {color:#fff200; text-decoration:none;}



/*FORMS*/

form {margin-bottom:10px;}

.form {min-height:26px;}

.form input {background-color:#393A1B; border:none; border-bottom:5px solid #797E02; color:white; font-size:14px; height:30px; margin-bottom:5px; padding:1px 0 1px 3px; width:550px;}

textarea {background-color:#393A1B; color:white; font:14px Verdana, Arial, sans-serif; height:100px; overflow:auto; margin-bottom:5px; padding:1px 0 0 3px; width:550px;}

.button {background-color:#393A1B; border:none; color:white; font-size:14px; font-weight:bold; padding:3px 7px 3px 7px;}

.button:hover {background-color:#797E02;}



/*TABLES*/



/*LISTS*/

ul, ol {margin-left:25px; margin-bottom:15px;}

	ul li, ol li {margin-left:10px; margin-bottom:5px;}



.product_box ul, .product_box_home ul {margin-top:10px;}

	.product_box ul li, .product_box_home ul li {list-style-type:none; margin:0px; margin-bottom:5px; /*text-align:center;*/}

	.product_box_header {background-color:#797e02; padding:8px 5px 5px 5px; opacity:0.75; filter:alpha(opacity=75); width:190px;}

	

.homepage ul, .storeHours {display:inline-block; font-size:16px; font-weight:bold; margin-bottom:50px; padding-top:20px;}

	.homepage ul li, .storeHours li {font-size:14px; font-weight:normal; list-style-type:none; margin-left:0px;}

	.homepage ul li:first-child, .storeHours li:first-child {padding-top:15px;}



/*SLIDE SHOW STYLES*/

/* container for slides */

.images {

	position:relative;	

	height:636px;

	width:994px;

	float:left;	

}

/* single slide */

.images div {

	display:none;

	position:absolute;

	top:0;

	left:0;		

	height:636px;

	width:994px;

}

/* tabs (those little circles below slides) */

div.slidetabs {

	clear:both;

	margin:0 auto;

	bottom:0;

	width:100px;

	z-index:100;

}

/* single tab */

.slidetabs a {

	width:15px;

	height:15px;

	float:left;

	margin:3px;

	background:url(../images/navigator.png) 0 0 no-repeat;

	display:block;

	font-size:1px;

}

/* mouseover state */

.slidetabs a:hover {background-position:0 -15px;}



/* active state (current page state) */

.slidetabs a.current {background-position:0 -30px;}



/* disabled navigational button. is not needed when tabs are configured with rotate: true */

.disabled {visibility:hidden !important;}



.about-images {

	position:relative;	

	height:300px;

	width:460px;

	float:left;	

}

/* single slide */

.about-images div {

	display:none;

	position:absolute;

	top:0;

	left:0;		

	height:300px;

	width:460px;

}



.subimages {

	position:relative;	

	height:250px;

	width:870px;

	margin-bottom:10px;

}



/* single slide */

.subimages div {

	display:none;

	position:absolute;

	top:0;

	left:0;		

	height:250px;

	width:870px;

}



/*Fire Logo*/

.fire{background:url(../images/logo.html) top left no-repeat; width:242px;height:140px; position:absolute; top:20px;}



/*Contact Validation*/

.ajax-loading {

background: url(../images/ajax-loader3.gif) no-repeat center center;

display: none;

height: 100%;

position: absolute;

top: 0;

left: 0;

width: 100%;

opacity: .30;

filter: Alpha(Opacity=30);

z-index: 10000;

}



.field-error{display:none; color:red; font-size:12px; }



.txt-box {color:#406CBF; font-size:19px; font-weight:bold; margin-top:75px;}



/*

    ColorBox Core Style:

    The following CSS is consistent between example themes and should not be altered.

*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}

#cboxOverlay{position:fixed; width:100%; height:100%;}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}

#cboxContent{position:relative;}

#cboxLoadedContent{overflow:auto;}

#cboxTitle{margin:0;}

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}

.cboxIframe{width:100%; height:100%; display:block; border:0;}

#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}



/* 

    User Style:

    Change the following styles to modify the appearance of ColorBox.  They are

    ordered & tabbed in a way that represents the nesting of the generated HTML.

*/

#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}

#colorbox{}

    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}

    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}

    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}

    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}

    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}

    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}

    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}

    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}

    #cboxContent{background:#fff; overflow:hidden;}

        .cboxIframe{background:#fff;}

        #cboxError{padding:50px; border:1px solid #ccc;}

        #cboxLoadedContent{margin-bottom:28px;}

        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}

        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}

        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}

        #cboxPrevious:hover{background-position:-75px -25px;}

        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}

        #cboxNext:hover{background-position:-50px -25px;}

        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}

        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}

        #cboxClose:hover{background-position:-25px -25px;}



/*

  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill

  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.

  See: http://jacklmoore.com/notes/ie-transparency-problems/

*/

.cboxIE #cboxTopLeft,

.cboxIE #cboxTopCenter,

.cboxIE #cboxTopRight,

.cboxIE #cboxBottomLeft,

.cboxIE #cboxBottomCenter,

.cboxIE #cboxBottomRight,

.cboxIE #cboxMiddleLeft,

.cboxIE #cboxMiddleRight {

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);

}