/*   IF YOU CAN SEE THIS CODE ON YOUR PAGE, PRESS RELOAD OR REFRESH ON YOUR BROWSER!!!!!   */

/* Common Page Items */

h1 { font-size: 1.65em;	margin-bottom: 1px; margin-top: 48px; font-weight: bold; color: #111; }
h2 { font-size: 1.4em; font-weight: bold; margin: 10px 0px 5px 0px; color: #0a870a; }
h3 { font-size: 1.1em; margin: 0 0 4px 0; font-weight: bold; color: #111; }
h3 a { font-weight: bold; color: #0a870a; }
h3 a:hover { text-decoration: none; }
h3.tight { margin: 0; }
h4 { font-size: 1.0em; margin: 0 0 4px 0; color: #111; }
h5 { font-size: 0.95em; margin: 0 0 4px 0; color: #111; }
h6 { font-size: 1.15em; margin: 0 0 0 10px; color: #fff; }

img.pic { border: 1px solid #666; }

input, textarea, select, option { font-size: 13px; font-family: Tahoma, Geneva, Verdana, sans-serif; color: #111111; background-color: #e9f6e9; }
input, textarea, select { padding: 0; margin: 6px 0; border: #a3d5a3 1px solid; } 
input.Textbox { width: 150px; background: #fff; padding: 1px; }
select option { padding: 0 10px; }

dl { padding: 0; margin: 0; }
dd { padding: 0; margin: 0; }

p {	line-height: 1.4; margin-bottom: 15px; }

a {	color: #0a870a; }
a img { border: 1px solid #666; }
a img:hover { border: 1px solid #0a870a; }
a.privacy { font-size: 0.85em; font-weight: normal; }
a.nob img { border: 0; }

form { margin: 8px 0; padding: 0; font-size: 1.0em; }

ul, ol { margin: 2px 0 10px 30px; padding: 0; }
ol li { margin: 10px 0; }
dl { margin: 12px 0px 15px 30px; }

li { margin: 0; margin-bottom: 2px; padding: 0; }
li.body { padding-left: 0.1em; margin: 0.5em; color: #111111; }

blockquote { margin-left: 28px; }

hr { margin: 0; padding: 0; color: #dcdfdc; height: 1px; border:0; }

table { margin: 0; padding: 0; }

/* Section Container Sizing */
* { margin: 0; padding: 0; }

body { font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: 0.85em; height: 100%; background-color: #E5E5E5; }
#taf { background-color: #ffffff; } 

#subhead { font-size: 1.1em; font-weight: bold; margin: 1px 0px; color: #666; }
#Container { width: 980px; padding: 0px; position: relative; margin: 0px auto; background-image: url(../images/style/body-bg.gif); background-repeat: repeat-y; background-position: center;	border-top: 0px; }

#Outer { width: 940px; margin: 0 20px; padding: 0; padding-bottom: 18px; clear: both; background-color: #fff; }

#Header { width: 940px; height: 100px; margin: 0 auto; padding: 0; clear: both; background-color: #fff; }
#PageTitle { float: left; width: 650px; margin: 4px; font-size: 1.0em; background-image: url(../images/style/logo.gif); background-repeat: no-repeat; }
#TopMenu	{ height: 15px; line-height: 15px; position: relative; margin: 0; padding: 0; }
#cc { margin: 15px 7px 2px 0; padding: 0; font-size: 0.85em; }


#Wrapper { clear: both; margin: 15px 0 0 0; padding: 0; width: 940px; }
#Menu { clear: both; width: 940px; height: 34px; line-height: 34px; margin: 0 auto; padding: 0; }

#ContentWrap { margin: 0 0 15px 15px; }
#SearchBox { width: 731px; height: 82px; padding: 1px; margin-left: 15px; float: right; }
#SearchBox2 { width: 240px; height: 24px; padding: 1px; float: right; }

/* Top Navigational Menu */
#TopMenu { float: right; }
#TopMenu ul { list-style: none; padding: 0; margin: 0; }
#TopMenu li { list-style: none; padding: 0; margin-top: 7px; float: right; padding: 0 10px 0 0; font-size: 0.95em; border-left: 1px solid #666; }
#TopMenu li a, #TopMenu li div { display: block; padding: 0 0 0 10px; font-weight: bold; text-decoration: none; color: #222; }
#TopMenu li.First { border-left: 0; }
#TopMenu li div a {	padding: 0; margin: 0; font-size: 1.0em; display: inline; border-left: 0; }
#TopMenu li.Date { margin: 0 0 5px 0; border-left: 0; }
#TopMenu li a:hover { text-decoration: underline; color: #0a870a; }


/* Pages Menu */
#Menu { background: url(../images/style/nav-bar.gif) top left repeat-x; }
#Menu ul { width: 925px; margin: 0 15px; padding: 0; }
#Menu li { float: left; position: relative; list-style: none; margin: 0px; padding: 0px; }
#Menu li.Spacer { width: 1px; height: 32px; background-color: #fff; }
#Menu li a { display: block; float: left; font-size: 0.95em; font-weight: bold; text-align: center; 
	text-decoration: none; padding: 0px 25px 0px 15px; height: 34px; color: #f2f5f2; }
#Menu li a:hover { text-decoration: underline; color: #ffffff; background: url(../images/style/nav-bar-dark.gif) top left repeat-x; }
#Menu li ul { width: auto; position: absolute; clear: left; top: 33px; left: -16px; display: none; text-align: left; background-color: #fff; border: 1px solid #7C7; border-top: none; z-index: 2; padding: 0; }
#Menu li ul li { clear: both; color: #111; text-align: left; background: transparent; line-height: 20px; font-size: 0.9em; width: 100%; margin: 0; padding: 0; border-bottom: 1px dotted #cccccc; }
#Menu li ul li.LastChild { border-bottom: 0; }
#Menu li ul li:hover { background-color: #e9f6e9; }
#Menu li ul li a { padding: 1px 20px 1px 10px; text-align: left; margin: 0; width: 170px;
	height: auto; font-size: 0.9em; color: #333; }
#Menu li ul li a:hover { text-decoration: none; color: #000; background-image: none; }
#Menu li:hover a, #Menu li.over a{ text-decoration: underline; }
#Menu li ul li a, #Menu li.over li a { text-decoration: none !important; }
#Menu li:hover ul, #Menu li.over ul { display: block; }

/* Holly Hack. IE Requirement \*/
* html #Menu ul li { float: left; height: 1%; }
* html #Menu ul li a { height: 1%; }
* html #ProductMenu ul li { float: left; height: 1%; }
* html #ProductMenu ul li a { height: 1%; }
/* End */

/* Wide Content = Pages with no Right Column
Widest Content = Pages with no left menu or right column */
.Content { float: left; font-size: 1.0em; width: 540px; margin: 0; padding: 0 15px 15px 15px; }
.ContentWide { font-size: 1.0em; margin: 0 0 0 175px; padding: 0 15px 15px 15px; }
.ContentWidest { font-size: 1.0em; margin: 0px; padding: 0 15px 15px 15px; }

/* Primary Content Area */
#LayoutColumn2 { background-color: #fff; }
#LayoutColumn2 .Block { clear: both; }
.Block { margin-top: 10px; margin-bottom: 10px; }
#LayoutColumn2 a:hover { text-decoration: none; }


/* Global div style for multi-column pages */
.fleft { float: left; margin: 0; padding: 0; }
.fright { float: right; margin: 0; margin-left: 15px; padding: 0; }

.link { float: left; display: block; clear: right; list-style: none; margin: 0px; padding: 2px 0; }
.link li { padding: 5px 0; }

/* Left of Content Area (Product Menu) */
.Left {	float: left; width: 190px; font-size: 0.9em; margin: 0px; padding: 0px;	background-color: #fafcfa; }

/* Left Content Area */
.Left ul { margin: 0; padding: 0;  z-index: 0; }
.Left li { clear: both; list-style: none; margin: 0; padding: 0; }
.Left li a { text-decoration: none; font-weight: bold; display: block; margin: 0; color: #333; }
.Left li a:hover { color: #000; }
.Left li:hover a, li.over a{ text-decoration: underline; }
.Left #ProductHead { height: 34px; line-height: 34px; margin: 0 auto; padding: 0; background: url(../images/style/nav-bar.gif) top left repeat-x; }
.Left #ProductMenu { margin: 0; margin-bottom: 30px; padding: 0; border: 1px solid #70c070; border-top: 0px; }
.Left #ProductMenu li{ line-height: 26px; height: 26px; padding: 0; margin: 0; text-align: left; background-color: #fff; border-bottom: 1px dotted #70c070; }
.Left #ProductMenu li:hover { background-color: #eef6ee; }
.Left #ProductMenu li.LastChild { border-bottom: 0; }
.Left #ProductMenu li a { padding: 0px 4px 0px 10px; text-align: left; margin: 0; height: 26px; }
.Left #ProductMenu ul ul { width: 170px; position: relative; clear: left; top: -24px; left: 180px; visibility: hidden; text-align: left; background-color: #fff; padding: 0; z-index: 1; }
.Left #ProductMenu li ul { background-color: #fff; border: 1px solid #70c070; border-bottom: 0; }
.Left #ProductMenu li ul li { clear: both; text-align: left; line-height: 23px; width: 100%; margin: 0; padding: 0; color: #111; border-bottom: 1px dotted #cccccc; }
.Left #ProductMenu li ul li.LastChild { border-bottom: 1px solid #70c070; }
.Left #ProductMenu li ul li a { padding: 1px 20px 1px 10px; font-size: 0.9em; text-align: left; margin: 0; width: 100%; height: auto; text-decoration: none; }
.Left #ProductMenu li:hover ul, #ProductMenu li.over ul { visibility: visible; }
.Left #ProductMenu li ul li:hover a, #ProductMenu li ul li.over a{ text-decoration: underline; }

/* Right of Content Area */
.Right { float: left; font-size: 1.0em; margin: 0; padding: 0; }
.Right a { color: #0a870a; }
.Right a:hover, .Right a:hover strong { color: #191; }

#promo1 { /* background: url(../images/gift-card.jpg) top left no-repeat; background-color: #fff; */ }

#Footer { clear: both; width: 940px; height: 26px; line-height: 26px; margin: 15px 0 0 0; text-align: center; font-size: 0.95em; font-weight: bold; background-color: #eef6ee; border: 1px solid #a3d5a3; color: #333; }
#Footer a { color: #333; font-weight: bold; }
#Footer a:hover { color: #000; }

#PageBottom { width: 980px; height: 5px; padding: 0 0 25px 0; margin: 0 auto; background: url(../images/style/body-bgbottom.gif) repeat-x; }

/* Search Box Formatting */
#SearchForm { float: right; height: 80px; padding: 20px 6px; }
#SearchForm input.Textbox { width: 150px; height: 18px; line-height: 18px; border: 1px solid #111; background: #fff; font-size: 0.9em;	padding: 1px; margin-bottom: 1px; font-family: Tahoma, Geneva, Verdana, sans-serif; }
#SearchForm .Button { width: 65px; height: 22px; padding: 1px; line-height: 16px; border: 1px solid #666; background: #bdb; font-size: 0.9em; font-weight: bold; clear: both; margin-bottom: 1px; }
#SearchForm .Button:hover { border: 1px solid #666; background: #0a870a; font-size: 0.9em; font-weight: bold;
  	color: #fff; }
#SearchForm p { text-align: right; margin: 0 10px; font-size: 0.9em; }
#SearchForm a { text-decoration: none; }

/* Page Breadcrumbs TO UPDATE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.Breadcrumb ul, .Breadcrumb li { list-style: none; margin: 0; padding: 0; }
.Breadcrumb { font-size: 0.9em; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #dcdfdc; }
.Breadcrumb li { padding-left: 6px; display: inline; }
.Breadcrumb li a { padding-right: 10px;	background: url('../images/style/breadcrumb-sep.gif') no-repeat right; }
.Breadcrumb li a:hover { text-decoration: none; }

/* Product Descriptions (Catagories) */
.prod { float: left; margin: 0; margin-bottom: 10px; padding-top: 5px; border-top: 1px solid #dcdfdc; width: 540px; }
.prod .pic { float: left; clear: both; width: 150px; margin: 0 15px 0 0; padding: 0; display: block; }
.prod .desc { float: right; width: 375px; }
.prod .price { float: left; margin: 20px 0 0 30px; padding: 0; color: #0a870a; }
.prod img { border: 1px solid #111; margin: 0 0 5px 0; }

/* Table styles */
table.t1 { margin: 2px 0; border-collapse: collapse; }
.t1 td, .t1 th { text-align: center; padding: 3px; border: 1px solid #70c070; }
.t1 th { font-weight: bold; vertical-align: bottom; background-color: #eef6ee; }
.t1 td { vertical-align: middle; }

/* Recycle codebit */
.recycle { float: left; margin: 0 0 10px 0; padding: 0; }
.recycle img { border: 0; }
.rpic { float: left; width: 27px; display: block; margin: 0; padding: 0; }
.rtxt { float: right; width: 348px; }

/* GREEN BUTTON COLOR
.formbutton { float: left; margin: 2px 10px; font-weight: bold; text-decoration: none; display: block; padding: 3px 10px; background-color: #eef6ee; border: 1px solid #70c070;  }
.formbutton:hover { background: #0a870a; color: #fff; }
.formbutton a:hover, .formbutton:hover a { color: #fff; }
*/
.formbutton {  float: left; margin: 2px 10px; font-weight: bold; text-decoration: none; display: block; padding: 3px 10px;background-color: #ffe9e0; border: 1px solid #ffc070; }
.formbutton:hover { background: #ff870a; color: #fff; }
.formbutton a:hover, .formbutton:hover a { color: #fff; }

.buttons { float: right; margin: 2px 10px; max-width: 200px; background-color: #eef6ee; border: 1px solid #70c070; }
.buttons a { font-size: 0.9em; font-weight: bold; text-decoration: none; display: block; padding: 3px 10px; }
.buttons:hover { background-color: #0a870a; }
.buttons a:hover, .buttons:hover a { color: #fff; }

.price2 { color: #111; font-weight: bold; }

#privacy { padding: 10px; }
#privacy a { color: #111; font-weight: bold; }
#privacy a:hover { color: #0a870a; }

/* Site Map Layouts */
.mapcontainer { margin-top: 15px; padding-top: 5px; float: left; width: auto; }
.mapcontainer a { padding-left: 10px;	background: url('../images/style/breadcrumb-sep.gif') no-repeat left; }
.map1 { clear: both; float: left; margin: 10px 0; width: auto; }
.map2 { float: left; margin-left: 50px; width: auto; }
.map2 a { margin: 10px 0; }
.map3 { float: left; margin-left: 50px; width: auto; }
.map4 { float: left; margin-left: 50px; width: auto; }


