/*** GENERAL STYLES ***/

body {background: #052c00 url(../images/bkg.jpg) center top repeat-x; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 13px; color: #000;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 17px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.25em 0;}
a {color: #000;}
a:hover {color: #3a7715;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 11px;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 15px 15px 0;}
.imgright {float: right; margin: 0 0 15px 15px;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #fff; margin: 1.25em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** TOP STYLES ***/

#top {position: relative; width: 992px; height: 184px; background: url(../images/top.jpg); margin: 0 auto; text-align: left;}
#printlogo {display: none;}
#logo {position: absolute; left: 0; top: 0; width: 650px; height: 115px; overflow: hidden; color: #fff; line-height: 115px; font-size: 30px; text-decoration: none; font-weight: normal; text-indent: 24px;}
#logo .ir {background: url(../images/top.jpg);}
#top h2 {width: 1px; height: 1px; overflow: hidden; line-height: 100px;}

#topright {position: absolute; right: 0; top: 0; width: 127px; height: 129px;}
.lash {position: absolute; width: 16px; height: 18px; background: url(../images/lash.png);}
#lash1 {left: 7px; top: 114px;}
#lash2 {right: 7px; top: 114px;}
#lash3 {left: 7px; top: 169px;}
#lash4 {right: 7px; top: 169px;}


/*** NAV STYLES ***/

#nav {
	position: absolute; 
/*	left: 24px; */
	top: 129px; 
	height: 40px; 
	overflow: hidden;
}
#nav li {float: left; line-height: 40px;}
#nav a {position: relative; display: block; height: 40px; border-right: 2px solid #000; background: #295e1b; color: #ffd492; text-decoration: none; text-align: center; font-size: 16px; font-weight: bold;}
#nav li.on a, #nav a:hover {background: #3e8c0f; color: #fff;}
#nav .ir {background: url(../images/nav.jpg);}

#navhome a {width: 85px;}
#navmenu a {width: 74px;}
#navlocs a {width: 112px;}
#navwild a {width: 214px;}
#navpart a {width: 227px;}
#navclub a {width: 121px;}
#navcont a {width: 98px;}

#navhome .ir {background-position: 0 0;}
#navmenu .ir {background-position: -87px 0;}
#navlocs .ir {background-position: -163px 0;}
#navwild .ir {background-position: -277px 0;}
#navpart .ir {background-position: -493px 0;}
#navclub .ir {background-position: -722px 0;}
#navcont .ir {background-position: -845px 0;}

#navhome.on a .ir, #navhome a:hover .ir {background-position: 0 -40px;}
#navmenu.on a .ir, #navmenu a:hover .ir {background-position: -87px -40px;}
#navlocs.on a .ir, #navlocs a:hover .ir {background-position: -163px -40px;}
#navwild.on a .ir, #navwild a:hover .ir {background-position: -277px -40px;}
#navpart.on a .ir, #navpart a:hover .ir {background-position: -493px -40px;}
#navclub.on a .ir, #navclub a:hover .ir {background-position: -722px -40px;}
#navcont.on a .ir, #navcont a:hover .ir {background-position: -845px -40px;}

#eyebrow {position: absolute; right: 15px; top: 84px; overflow: hidden;}
#eyebrow li {float: left; line-height: 30px; color: #ffd492; }
/*#eyebrow a {position: relative; display: block; height: 30px; color: #ffd492; text-decoration: none; text-align: center; font-size: 11px; font-weight: bold;}
#eyebrow li.on a, #eyebrow a:hover {color: #fff;}*/
#eyebrow a {height: 30px; color: #ffd492; text-decoration: none; font-size: 12px; font-weight: bold;}
#eyebrow li.on a, #eyebrow a:hover {color: #fff;}

 
#eyegift a {padding: 0px 5px;}
#eyecomm a {padding: 0px 5px;}
#eyenews a {padding: 0px 5px;}
/*#eyebrow .ir {background: url(../images/eyebrow.jpg);}

#eyegift a {width: 78px;}
#eyecomm a {width: 81px;}
#eyenews a {width: 56px;}

#eyegift .ir {background-position: 0 0;}
#eyecomm .ir {background-position: -78px 0;}
#eyenews .ir {background-position: -159px 0;}

#eyegift.on a .ir, #eyegift a:hover .ir {background-position: 0 -30px;}
#eyecomm.on a .ir, #eyecomm a:hover .ir {background-position: -78px -30px;}
#eyenews.on a .ir, #eyenews a:hover .ir {background-position: -159px -30px;}*/


/*** BODY STRUCTURE STYLES ***/

#outer {position: relative; width: 946px; margin: 0 auto; text-align: left; background: url(../images/outer.png); padding: 0 24px 0 23px;}

#main {position: relative; min-height:715px; padding: 40px 50px; width: 845px;} /* min-height:315px; */
body.darkblue #main {background: #4f87ba url(../images/background/darkblue.jpg) no-repeat;}
body.yellow #main {background: #fcfb96 url(../images/background/yellow.gif) no-repeat;}
body.teal #main {background: #fff url(../images/background/teal.gif) no-repeat;}
body.green #main {background: #c1f4c1 url(../images/background/green.gif) no-repeat;}
body.safariyellow #main {background: #fff000 url(../images/background/safari-yellow.gif) no-repeat;}
body.brightblue #main {background: #cbffff url(../images/background/brightblue.gif) no-repeat;}
body.red #main {background: #ffcc99 url(../images/background/red.gif) no-repeat;}
/*============= for the Contact page =============*/
body.contact #main {background:none transparent;}

#left {float: left;}
#right {float: right;}

body.darkblue #main {color: #fff;}
#main h1 {margin-bottom: 25px;}
#main h2 {color: #3a7715; font-size: 14px; margin-bottom: 15px; text-transform: uppercase;}
#main h3 {margin-bottom: 10px;}
#main ul {margin: 0 0 1em 0;}
#main ul li {padding-left: 10px; background: url(../images/bullet.gif) 2px 6px no-repeat;}

.character {position: absolute;}
.sw {left: 0; bottom: 0;}
.se {right: 0; bottom: 0;}
.corp_office {right:0; top:100px;}


/*** FORM STYLES ***/

#main .contactform h3 {padding-top: 10px; margin-bottom: 5px;}
.contactform div {clear: left; padding-top: 3px;}
.contactform label {float: left; width: 70px; padding: 0 5px 0 10px;}
.widelabel label {width: 180px;}
.contactform input, .contactform select, .contactform textarea {font-size: 11px;}
.contactform input {width: 280px;}
.contactform textarea {width: 380px; height: 100px;}


/*** HOMEPAGE STYLES ***/

#bamboo {position: relative; margin: 0 -24px 0 -23px; height: 13px; background: url(../images/bamboo.png);}
#lash7 {left: 7px; top: -2px;}
#lash8 {right: 7px; top: -2px;}
#homeads {background: #ffc160 url(../images/homeads.gif) repeat-x;}
.homead {float: left; width: 284px; padding: 18px 16px 18px 15px; background: url(../images/homeads-div.gif) center 16px no-repeat;}
.homead:hover {
	background-image: url(../images/homeads-div-roll.gif);
}


/*** FOOTER STRUCTURE STYLES ***/

#footer {position: relative; width: 992px; background: url(../images/footer.png) center top no-repeat; margin: 0 auto; padding-top: 25px; color: #fff799; font-size: 11px; font-weight: bold;}
#lash5 {left: 7px; top: -2px;}
#lash6 {right: 7px; top: -2px;}

#locsList { overflow: auto; height:415px; }

#feedbackForm {
	overflow: auto;
	width: 550px;
}

#feedbackFrame {
	/* overflow: auto; */
	width: 700px;
	height:700px;
}


/*** gift card branch page ***/
.topLinks {
	text-decoration:none;
	font-weight:bold;
	border: 1px solid #fff;
	border-style:outset;
	background-color:#00CC66;
	padding:5px;
	text-transform: uppercase;
}

.bottomLinks {
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	color:#CC0000;
}

.bodyText {
	font-size:11px;
}

.sectionTitle {
	font-size:16px;
	font-weight:bold;
	color:#006600;
}

.note {
	font-size:9px;
}

.requiredField {
	color:#f00;
	size:9px;
	padding-right:3px;
}

#tblRequestForm td {
	color:#336600;
	font-weight:bold;
}



#topLinkButtons a:hover {
	background-color:#009933;
	color:#FFFFFF;
}

.note2 {
	font-size:11px;
	font-style: italic;
	font-weight: bold;
	color: #003300;
}

.button {
	border-top: 1px solid #3b7715;
	background: #2b590e;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f7816), to(#2b590e));
	background: -webkit-linear-gradient(top, #3f7816, #2b590e);
	background: -moz-linear-gradient(top, #3f7816, #2b590e);
	background: -ms-linear-gradient(top, #3f7816, #2b590e);
	background: -o-linear-gradient(top, #3f7816, #2b590e);
	padding: 7.5px 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #ffffff;
	font-size: 14px;
	font-family: Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	vertical-align: middle;
}

.button:hover {
	border-top-color: #48911a;
	background: #48911a;
	color: #ffffff;
}

.button:active {
	border-top-color: #ffca09;
	background: #ffca09;
}

/*---------------GIFT CARDS----------*/
/*--------------------------------*/

#promo_box {
	display: block;
	width: 100%;
	height: auto;
	}


.card_box{
	float:left;
	clear:both;
	margin:30px 0 30px 0;
	*width:100%;
	}
	
.card_box img{
	float:left;
	margin:0 50px 0 0;
	}
	
.card_box p{
	float:left;
	margin:0;
	width:520px !important;
	}	
	
.card_box h2{
	font-weight:normal;
	color:#8D0000;
	font-size:21px;
	margin:25px 0 10px 0;
	float:left;
	width:500px;
	}