@charset "utf-8";
/* Elder Implement CSS Document */

body {background:url(/images/body/bodybg.jpg) repeat-x #fff; font-family:Geneva, Arial, Helvetica, sans-serif; color:#726f71; font-size:12px; margin:0; padding:0;}
img {border:0;}
a {color:#3a7728; cursor:pointer;}
a:hover {color:#333;}
hr {color:#ccc; background-color:#ccc; height:1px; margin:30px 0; border:none;}

#page {width:1025px; margin:0 auto; position:relative;}
.imgcurve {border:2px solid #3a7728; -moz-border-radius:4px; -webkit-border-radius:4px; padding:4px; margin:0 4px 15px 15px;}
a .imgcurve:hover {border-color:#333;}
strong.head {font-size:16px; line-height:22px;}

/* Header --------------------------------*/
#head {width:100%; height:135px; background:url(/images/head/bg.png) repeat; margin:0; float:left; clear:both; position:relative; z-index:201;}
#head .logo {width:215px; height:95px; display:block; background:url(/images/head/eiclogo.png) no-repeat; position:absolute; top:3px; left:800px;}
#head .jd {width:127px; height:90px; display:block; background:url(/images/head/jdlogo.png) no-repeat; position:absolute; top:5px; left:8px;}
#head ul {width:100%; height:30px; font-size:14px; background:url(/images/head/ul-bg.gif) repeat-x #64a057; margin:0; padding:0; list-style:none; position:absolute; top:105px; left:0; z-index:200;}
#head ul li {float:left; line-height:30px; padding:0; background:url(/images/head/li-sep.gif) no-repeat 100% 50%; position:relative; z-index:200;}
#head ul li a {color:#fff; text-decoration:none; text-transform:uppercase; padding:0 18px; height:30px; line-height:30px; display:block; float:left; overflow:hidden;}
#head ul li:hover a {color:#f9d616; background:url(/images/head/ul-bg-on.gif) no-repeat 100% 0;}
#head ul li ul {display:none; background:transparent url(/images/head/submenu-bg.png) no-repeat 0 100%; padding-bottom:9px; border-top:1px solid #729b6a; z-index:200;}
#head ul li:hover ul, #head .iehover {display:block; position:absolute; top:30px; left:0; width:178px; overflow:hidden; height:auto; z-index:200;}
#head ul li ul li a, #head ul li:hover ul li a {display:block; color:#fff; width:160px; height:25px; line-height:25px; border-bottom:1px solid #729b6a; text-transform:none; font-size:12px; background-color:#3a7728; padding:0 0 0 18px; background-image:none;}
#head ul li ul li a:hover {background-color:#2b591e !important; background-image:none !important; color:#f9d616 !important;}

/* Body / Content ------------------------*/
#body {width:100%; margin:15px 0; float:left; clear:both; overflow:hidden;}
#body .column {float:left; margin:0 0 -3000px 0; padding:0 0 3000px 0; width:100px; min-height:450px;}
#body .lcolumn {width:662px; background-color:#eee;}
#body .rcolumn {width:350px; margin-left:13px;}
#body .left {width:650px; padding:6px; background-color:#eee;}
#body .right {width:350px;}
#body h1 {font:bold 24px/38px Arial, Helvetica, sans-serif; color:#3a7728; padding:0; margin:0 0 8px 0;}
#body h1 .h1link {font-size:12px; line-height:38px; font-weight:normal; float:right; margin-right:4px;}
#body h2 {font:normal 18px/27px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 0 6px; margin:0 0 8px -6px; background:url(/images/body/header2.gif) no-repeat;}
/*#body h2 {font:normal 24px/38px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 0 6px; margin:0 0 8px -6px; background:url(/images/body/header.gif) no-repeat;}*/
	
/* Footer --------------------------------*/
#foot {width:100%; height:60px; margin:0; color:#524d37; font-size:11px; float:left; clear:both; position:relative; border-top:4px solid #3a7728; background:url(/images/foot/bg.png) repeat;}
#foot ul {width:100%; height:20px; font-size:11px; line-height:20px; margin:0 0 9px 0; padding:0; list-style:none;}
#foot ul li {float:left; padding:0 12px;}
#foot ul .first {padding-left:6px;}
#foot ul li a {color:#6a6969; text-decoration:none; text-transform:uppercase;}
#foot ul li a:hover {color:#3a7728;}
#foot .copy, #foot .admin {color:#777; margin-left:6px;}
#foot .vsitext {font-size:10px; color:#777; position:absolute; top:20px; right:5px; text-decoration:none; line-height:15px;}
#foot .vsilogo {font-size:12px; color:#777; position:absolute; top:36px; right:5px; text-decoration:none; line-height:20px; padding:0 20px 0 0; background:url(http://www.visionary.com/images/static/vsi_footer.png) no-repeat 100% 0;}

/* Right Column --------------------------*/
.boxes {overflow:hidden; margin-bottom:10px;}
.boxes a {width:162px; height:100px; float:left; margin:0 0 10px 0; border:4px solid #fff; background-position:0 0; background-repeat:no-repeat;}
.boxes .s1c1 {margin-right:10px;}
.boxes .s2c1 {width:342px;}
.gogreen {width:350px; height:60px; display:block; background:url(/images/body/gogreen.gif) no-repeat; margin:0;}
.contact_right {width:100%; margin:25px 0 0 0;}
.contact_right h3 {font-size:18px; margin:0 0 5px 0; padding:0; color:#3a7728;}
.contact_right a {width:175px; height:40px; display:block; float:left; margin:0 0 10px 0; padding:0; line-height:18px; text-decoration:none; color:#726f71;}
.contact_right a span {width:20px; height:18px; display:block; float:left;}
.contact_right a:hover {color:#3a7728;}
.newsbox {width:100%; overflow:hidden; font-size:11px; line-height:15px; margin:0 0 15px 0;}
.newsbox a {width:137px; height:192px; float:left; margin:0 19px; text-align:center; text-decoration:none;}
.newsbox a img {-moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #3a7728; padding:2px;}
.newsbox a:hover img {border-color:#333;}

/* Sales Scroller ------------------------*/
.scroller {width:350px; height:164px; margin:0; padding:0 4px 4px 4px; position:relative; background:url(/images/body/scroll-back.gif) repeat-x;}
.scroller h3 {width:350px; height:39px; margin:0; padding:0; text-align:center; line-height:39px; background:url(/images/body/scroll-head.gif) repeat-x; color:#fff; text-transform:uppercase;}
.scroller .browse {width:17px; height:125px; display:block; float:left; background:url(/images/body/scroll-arrows.png) no-repeat 0 50% #fff; cursor:pointer;}
.scroller .prevPage {}
.scroller .nextPage {background-position:-17px 50%;}
.scroller .empty {background-image:none; background-color:#fff;}
.scrollable {position:relative; overflow:hidden; width:292px; height:125px; float:left; margin:0; background-color:#fff; padding:0 8px;}
.scrollable .items {width:20000em; position:absolute;}
.scrollable a {float:left; width:145px; height:121px; display:block; margin:4px 12px 0 0; padding:0; text-align:center; font-size:11px; text-decoration:none; color:#6a6969; line-height:13px;}
.scrollable a img {width:130px; height:80px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #3a7728; padding:2px;}
.scrollable a:hover img {border-color:#333;}
.scrollable a em {font-style:normal;}

/* Specials (sales) ----------------------*/
.specials {width:100%; float:left; clear:both; margin-top:20px;}
.specials .item {width:212px; height:195px; display:block; float:left; margin:0 4px 18px 0; text-align:center; text-decoration:none; cursor:pointer; border-bottom:1px solid #ccc;}
.specials .item img {width:200px; height:125px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #3a7728; padding:2px;}
.specials .item:hover img {border-color:#333;}
.specials a strong {font-size:15px; line-height:20px; color:#726f71;}
.specials .price_orig {text-decoration:line-through; color:#999;}
.specials .price_sale {color:#726f71; font-size:105%; line-height:16px;}
.specials a em {font-style:normal; text-decoration:underline; font-size:11px; line-height:18px;}
strong.price_sale {font-size:16px;}
.specials .item2 {width:325px; height:95px; display:block; float:left; margin:0 0 10px 0; text-decoration:none; cursor:pointer; border-bottom:1px solid #ccc;}
.specials .item2 img {width:130px; height:80px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #3a7728; padding:2px; float:left;}
.specials .item2:hover img {border-color:#333;}
.specials .item2 div {width:170px; height:80px; float:left; margin:0 0 0 10px;}

/* News Items ----------------------------*/
.news .item {width:100%; float:left; clear:both; margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:10px;}
.news .item img {float:left; width:70px; height:90px; margin:0 10px 0 0; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #3a7728; padding:2px;}
.news .item img:hover {border-color:#333;}
.news .item div {float:left; margin:0; width:530px; padding:3px 0 0 0;}
.news .item div strong {font-size:16px; font-weight:bold;}
.news .item .date {font-size:10px; line-height:12px;}
.news .item .line {font-weight:bold;}
.news .item .line em {font-weight:normal; font-style:normal;}

/* Homepage Banner -----------------------*/
.homecnt {width:650px;}
.homebnr {width:654px; height:219px; position:relative; top:-6px; left:-6px; border:4px solid #fff; background:url(/images/body/banner-bg.gif) repeat-x;}
.homebnr .top {width:100%; height:100%; position:absolute; top:0; left:0; z-index:90;}
.homebnr .slider {width:100%; height:100%; position:relative;}
.homebnr .slider .inner {width:100%; height:100%; position:relative; color:#f00; display:none; background-position:0 0; background-repeat:no-repeat;}
.homebnr .slider .inner a {width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
#slidercontrol {position:absolute; bottom:0; right:0; height:25px; z-index:90; display:none; margin:0; overflow:hidden;}
#slidercontrol .back {width:100%; height:100%; background-color:#fff; opacity:0.8; filter:alpha(opacity=80); position:absolute; top:0; left:0; z-index:10;}
#slidercontrol .prev, #slidercontrol .next, #slidercontrol .nav a {width:25px; height:25px; display:block; float:left; line-height:25px; position:relative; z-index:12; text-align:center; color:#3a7728; font-weight:bold; text-decoration:none; font-size:14px; cursor:pointer; margin:0;}
#slidercontrol .prev:hover, #slidercontrol .next:hover, #slidercontrol .nav a:hover, #slidercontrol .nav a.activeSlide {color:#000; cursor:pointer;}
#slidercontrol .nav {float:left; margin:0;}
#slidercontrol .stopgo {height:25px; line-height:25px; padding:0 4px; display:block; float:left; position:relative; z-index:12; cursor:pointer; font-weight:bold; color:#3a7728; font-size:14px; margin:0 0 0 5px;}
#slidercontrol .stopgo:hover {color:#000; cursor:pointer;}

/* Locations (listing) -------------------*/
.location {width:325px; height:112px; overflow:hidden; float:left; margin:0 0 10px 0; padding:0 0 8px 0; border-bottom:1px solid #ccc;}
.location .mapopen {width:119px; height:104px; display:block; float:left; margin:0 6px 0 0; background-position:2px 2px; background-repeat:no-repeat; border:1px solid #3a7728; -moz-border-radius:4px; -webkit-border-radius:4px;}
.location .mapopen:hover {border-color:#333;}
.location p {margin:0; padding:0; float:left; width:160px;}
.location p .head {font-size:14px; color:#3a7728; font-weight:bold; text-decoration:none;}
.location p span {font-size:5px; line-height:7px;}

/* Location (individual) -----------------*/
.locale {width:300px; float:left;}
.locale p {margin-bottom:30px; line-height:18px;}
.locale strong {width:90px; float:left; display:block;}
.locale strong.head {clear:both; width:100%;}

/* Contact Us Form -----------------------*/
.contactform label {font-size:11px; line-height:16px;}
.contactform label.req {font-weight:bold;}
.contactform label.req span {color:#c00; line-height:16px; font-size:14px; margin-left:8px;}
.contactform label em {font-size:10px; margin-left:8px;}
.contactform input[type=text] {width:230px;}
.contactform select {width:233px;}

/* Photo Gallery -------------------------*/
.gallery-album {width:100%; float:left; clear:both; margin:20px 0 0 0; padding:15px 0 0 0; border-top:1px solid #ccc;}
.gallery-photo {width:100%; float:left; clear:both; margin:20px 0 0 0; padding:15px 0 0 0; border-top:1px solid #ccc;}
.album {width:110px; height:145px; float:left; margin:0 15px 15px 0;}
.album a {width:110px; height:145px; display:block; text-align:center; padding:0; text-decoration:none;}
.album a img {width:100px; height:100px; padding:2px; border:1px solid #3a7728; -moz-border-radius:4px; -webkit-border-radius:4px;}
.album a:hover {color:#333;}
.photog {width:100%;}
.photog a {width:110px; height:150px; display:block; padding:0; float:left; margin:0 15px 15px 0; text-align:center; text-decoration:none;}
.photog a img {width:100px; height:100px; padding:2px; border:1px solid #3a7728; -moz-border-radius:4px; -webkit-border-radius:4px;}
.photog a:hover {color:#333;}