@import url("main.css");

html { background: #3e7d20 url("../_images/background.gif") 0 0 repeat; color: #ACC89E; border-top: 4px solid #3E7D20; }
body { background: url("../_images/background.jpg") top center repeat-x; font: 12px/1.5em Arial, Helvetica, sans-serif; }
html,body,* { margin: 0; padding: 0; }

.header,.wrap,.footer,#ankle { width: 960px; margin: 0 auto; }
.wrap { color: #333; background-color: #fff; height: auto !important; height: 510px; min-height: 510px; box-shadow: 0 0 20px rgba(0,0,0,.1); -moz-box-shadow: 0 0 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1); }
#home .wrap { background: #fff url("../_images/back_tomatoes.jpg") bottom left no-repeat; }

/*
### OTHER TAGS ### */
p,li,dt,dd { word-spacing: 1px; }
p { margin: 1em 0 1.5em 0; }
hr { display: none; }
blockquote { margin: 1.5em 0 1.5em 20px; border-left: 2px solid #D91728; padding: 0 0 0 20px; }
blockquote p { font-size: 13px; font-style: italic; margin: 0; padding: 5px 0; }
blockquote span { display: block; padding-top: 5px; }
a { color: #D91728; }
a:visited { color: #D91728; }
a:hover { color: #D91728; }
a img { border-width: 0; }
.photo-popup { margin: 0 2px 0 5px; vertical-align: top; }

/*
### LAYOUT ### */
#content { }
#main-wrap { width: 100%; float: left; padding: 0; }

#col-1 { margin: 0 30px; overflow: hidden; }
.lyt-12 #col-1 { margin: 0 340px 0 30px; }
.lyt-21 #col-1 { margin: 0 30px 0 430px; }
.lyt-312 #col-1, .lyt-213 #col-1 { margin: 0 330px; }


#col-2 { margin-left: -310px; padding-top: 15px; }
.lyt-21 #col-2 { margin-left: -930px; padding-top: 0; width: 400px; }
#col-3 { margin-left: -960px; }
#col-2,#col-3 { width: 280px; float: left; }
#col-1 { }
#col-2 { }
#col-3 { }
#col-1,#col-2,#col-3 { padding-bottom: 70px !important; }
#home #col-1 { padding-bottom: 0 !important; margin: 0 0 0 300px; padding: 0 30px; }
#home #col-2 { width: 260px; padding-bottom: 150px !important; }


/*
### HEADINGS ### */
h1,h2,h3,h4,h5{line-height:normal;font-family:Corbel, Arial, Helvetica, sans-serif;font-weight:normal;color:#257918;}
h1 { margin: 1em 0 .65em 0; font-size: 34px; }
h2 { margin: 1.2em 0 10px 0; font-size: 26px; color: #4EA144; }
.box h2 { font-size: 20px; margin-top: 10px; }
h2.tinytext { color: #888; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; background: url("../_images/div_line.gif") bottom left repeat-x; padding-bottom: 3px; }
h2.hp { font-size: 18px; position: relative; }	h2.hp a { text-decoration: none; }
h2.hp strong { display: block; position: absolute; top: 110px; left: 0; height: 30px; line-height: 30px; width: 270px; color: #fff; font-weight: normal; padding: 0 5px; background: url("../_images/hp_bg.png") 0 0 repeat; }
h2.hp a:hover strong { background-color: #1E2E1E; background-image: none; }
h3 { margin: 1.5em 0 .625em 0; font-size: 16px; font-weight: bold; }

/*
### HEADER ### */
#logo { float: left; width: 317px; height: 106px; margin: 16px 0 0 0; }
#logo a, #logo span { display: block; height: 100%; width: 100%; background: url("../_images/logo_screen.gif") 0 0 no-repeat; text-indent: -9114px; overflow: hidden; padding: 0; }

.header { height: 150px; }

#top-nav { float: right; margin: 16px 0 0 0; }
#top-nav li { float: left; border-right: 1px solid #3E7D1F; height: 30px; /*padding: 0 12px 0 10px;*/ list-style-type: none; }
#top-nav #nav-login,#top-nav #nav-logout { border-right-width: 0; margin-right: 15px; display: inline; }
#top-nav a { float: left; height: 20px; margin: 5px 12px 5px 10px; background: url("../_images/nav_sprite.gif") 0 -132px; text-indent: -9114px; overflow: hidden; }
#nav-home a { width: 40px; }	#nav-home a:hover, #nav-home.current a { background-position: 0 -165px; }
#nav-contact a { width: 82px; background-position: -72px -132px; }		#nav-contact a:hover, #nav-contact.current a { background-position: -72px -165px; }
#nav-orders a { width: 52px; background-position: -186px -132px; }		#nav-orders a:hover, #nav-orders.current a { background-position: -186px -165px; }
#nav-options a { width: 59px; background-position: -270px -132px; }		#nav-options a:hover, #nav-options.current a { background-position: -270px -165px; }
#nav-logout a { width: 56px; background-position: -361px -132px; }		#nav-logout a:hover, #nav-logout.current a { background-position: -361px -165px; }
#nav-login a { height: 30px; margin: 0 0 0 10px; width: 132px; background-position: -534px -132px; }		#nav-login a:hover, #nav-login.current a { background-position: -534px -165px; }
#nav-admin a { width: 46px; background-position: -452px -132px; }		#nav-admin a:hover, #nav-admin.current a { background-position: -452px -165px; }

#navigation { clear: right; float: right; margin: 42px 0 0 0; width: 575px; }
#navigation li { height: 33px; background: url("../_images/nav_sprite.gif") 0 0 no-repeat; font-size: 16px; float: left; margin: 0 40px 0 0; list-style-type: none; display: inline; }
#navigation #nav-about { width: 85px; }
#navigation #nav-products { width: 88px; background-position: -100px 0; }
#navigation #nav-how { width: 135px; background-position: -200px 0; }
#navigation #nav-tour { width: 129px; background-position: -400px 0; margin-right: 15px; }
#navigation a { display: block; height: 100%; width: 100%; overflow: hidden; background: url("../_images/nav_sprite.gif") 0 -33px; text-indent: -9114px; }
#navigation a:hover { background-position: 0 -66px; }
#navigation .current a { background-position: 0 -99px !important; }

/*
### LISTS ### */
#col-1 ul, #col-1 ol, ul.list { margin: 1.5em 0 1.5em 30px; padding: 0; }
#col-1 ul li, #col-1 ol li, ul.list li { margin: 0; padding-left: 5px; }

.cells dl { overflow: hidden; padding: 5px 0; border-bottom: 1px solid #BFCDB2; }
.cells dt { float: left; width: 25%; font-weight: bold; }
.cells dd { float: left; width: 75%; }
.cells input { width: 99%; font-size: 12px; padding: 3px 0; }


/*
### SLIDESHOW ### */
#slideshow ul li { position: relative; }
#slideshow li div { position: absolute; left: 0; top: 293px; height: 40px; width: 600px; background: url("../_images/slide_caption.png") 0 0 repeat; font-size: 14px; color: #fff; line-height: 40px; padding: 0 10px; text-align: center; }
#slideshow li a { position: absolute; left: 0; top: 0; text-indent: -9114px; width: 600px; height: 333px; }
#thumbNav, #start-stop { display: none !important; }


/*
### FOOTER ### */
#ankle { background: #2c5816 url("../_images/back_ankle.gif") 0 0 repeat-x; padding: 1px 0; color: #CAD4C5; font-size: 14px; line-height: 1.5em; }
#ankle div { float: left; margin: 0 20px 0 30px; }
#ankle a { color: #fff !important; }
#ankle h3 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #BAEE86; margin-bottom: -10px; }
#ankle p.right { margin: 10px 30px 10px 0; }
#ankle p.right strong { padding-top: 10px; display: block; }

.footer p { padding: 0 30px; }


/*
### PRODUCT PHOTOS ### */
#photos { margin: 0; padding: 0; }
#photos li { float: left; list-style-type: none; margin: 5px; width: 110px; height: 110px; text-align: center; }
#photos li.clear { margin: 0; width: 1px; overflow: hidden; }
#photos a { color: #CC0000; }

.thumbs { clear: both; margin: 10px 0 !important; }
#content .thumbs li, .thumbs li { list-style-type: none; float: left; margin: 5px 9px !important; padding: 15px 0; list-style-image: none !important; background-image: none; text-align: center; }
#content .thumbs li.portrait { padding: 0; }
.thumbs li a span { display: block; border: 1px solid #ccc; }
.thumbs li a:hover span { border-color: #bbb; }
.thumbs li a img { border: 4px solid #e1e5e5; display: block; }
.thumbs li a:hover img { border-color: #d1d1d1; }
.thumbs li strong { display: block; margin-top: 4px; }

#content ul.prod-list { margin: 0; padding: 0; border-top: 1px solid #ddd; }
#content .prod-list li { margin: 0; padding: 5px 0; border-bottom: 1px solid #ddd; padding: 5px 0 5px 120px; position: relative; height: auto !important; height: 77px; min-height: 77px; list-style-type: none; }
.prod-list img { position: absolute; left: 0; top: 7px; }
.prod-list span { position: absolute; right: 0; top: 5px; }
.prod-list div { padding-top: 10px; color: #666; }


/*
### INFOBOX STYLE ### */
.box { background-color: #E0F1D1; padding: 1px 10px; margin-top: 20px; }


/*
### COMMON STYLES ### */
.right { float: right; margin: 0 0 20px 20px; }
.left { float: left; margin: 0 20px 20px 0; }
img.right,img.left { border: 1px solid #999; }
p.right { text-align: right; float: none; margin: 10px 0 1.5em 0; }
span.right { float: right !important; margin-left: 10px; width: auto !important; }
.center { text-align: center; }
.caps { letter-spacing: .05em; }
.hidden { position: absolute; left: -9114px; }
.last { border-width: 0 !important; margin-right: 0 !important; background: none !important; }
.clear { clear: both; float: none !important; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; }
.intro { font-size: 1.33em; line-height: 1.5em; color: #4A5D77; }
.fineprint { font-size: .91em; color: #999; }
.action { border-top: 1px solid #D6AE52; background-color: #F6E8B0; padding: 10px; margin-top: 3em !important; clear: both; }
.action .fineprint { font-size: 12px; padding-left: 10px; color: #808080; }
.red { color: #c00; }
.GMapEZ { height: 350px; margin-top: 3em; }
.notice { width: 70%; text-align: center; background-color: #fafcde; border: 1px solid #ebec42; padding: 1px 15px; margin: 1em auto 2em auto; font-size: 14px; }

p.question { font-weight: bold; margin-top: 3em; }
p.answer { font-style: italic; }