/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {text-decoration: none;}


/* =General
-----------------------------------------------------------------------------*/
html { background:#000000 url(../images/bodyBG.jpg) repeat; height:100%;}

body {
text-align: left;
font-family: "Microsoft Sans Serif", Arial, sans-serif;
line-height:18px;
}


/* =Wrappers
-----------------------------------------------------------------------------*/
#wrapper { margin: 0 auto; position: relative; width: 960px; height: 100%; clear:both; }

#innerwrapper {padding:20px 40px;}

/* =Typography
-----------------------------------------------------------------------------*/
p { font-size:12px; margin-bottom: 18px; }

h1, h4 {font-family: "times new roman",times,serif;
	color: #99741C;
	font-size: 24px;
	letter-spacing: -0.6pt;
	padding-bottom: 24px;
}
h2 {font-size:20px; color:#ffffff; padding:10px 0 15px 0; }
h3 {font-size:15px;}
h4 {font-size:16px; width:100%; border-bottom:1px solid #996600; padding-bottom: 5px; margin-bottom:10px;}

input, select, th, td {font-size:12px}

/* =Header
-----------------------------------------------------------------------------*/
#header { width: 100%; height: 40px; background-color:#495901; }
#header img {float:left;}


/* =Content
-----------------------------------------------------------------------------*/
#contentMain {float:right; width:720px; height: 100%; background-color:#ffffff;}
#contentMainCenter {margin:0 auto; width:600px; height: 100%; background-color:#ffffff;}


/* =Top Navigation Menu
-----------------------------------------------------------------------------*/ 

#navMain {background-color: #4F5900; min-width:400px; padding-top:8px;}

#navMain ul li { display: inline; text-transform:uppercase; font-size:14px; }

#navMain ul li a {padding: 4px 8px; float: left; border-right: 1px solid #eee399; color: #eee399;}

#navMain ul li a:hover, #navMain ul li a#current {color: #fff; text-decoration:underline;}


/* =Nav Bar
-----------------------------------------------------------------------------*/ 
#navBar, #navBarAdmin #navBar  { background-color:#000000; height:30px; width:100%; padding-top:5px; border-bottom-color:#222908; border-bottom-width:2px; border-bottom-style:solid;}

#navBar ul {margin-right:100px;}

#navBarAdmin #navBar ul {margin-left:415px;}

#navBar ul li, #navBarAdmin #navBar ul li { display:inline; list-style-type:none; float:right; padding-left:5px;}

#navBar ul li a, #navBar ul li a:visited, #navBarAdmin #navBar ul li a, #navBarAdmin #navBar ul li a:visited { font-size:11px; color:#ffffff; line-height:8px;}

#navBar ul li a:hover, #navBarAdmin #navBar ul li a:hover { font-size:11px; color:#FFFF99; line-height:8px;}


/* =category Bar
-----------------------------------------------------------------------------*/ 
#categoryBar {float:left; width:225px; display:inline; overflow:hidden;}
#categoryBar ul li a {font-size:12px; color:#FFFFFF; display:block; width:215px; padding:6px 0 8px 10px;}
#categoryBar ul li a.currentCat {color:#FECA64; background-color:#292e02; font-weight:bold; font-size:14px;}
#categoryBar ul li a:hover, #subContent ul li a:focus {background-color:#292e02; color:#FECA64;}
#categoryBar ul ul {padding-left:10px; line-height:10px; padding-bottom:15px;}

#search{ margin: 10px 0; }
/* =Related Items
-----------------------------------------------------------------------------*/ 

#relatedItems {clear:both; width:95%; padding:20px; border:1px solid #996600; background:#ffffff; overflow:hidden;}


/* =Clearfix
-----------------------------------------------------------------------------*/
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


.shopmainimage{
background:url('../images/ShopMainImage.jpg');
width:720px;
height:566px;
}

.shopmainimage p{
font-size:1.6em;
padding-top:435px;
line-height:1.1em;
}

/* =Store Locator Menu
-----------------------------------------------------------------------------*/ 

.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
background:#495901;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a{
display:block;
font-size:12px;
width:244px;
padding:7px 0;
color:#eee399;
font-size:14px;
text-decoration:none;
margin-right:1px;
}
/* style the links hover */
.menu a:hover{
color:#fff;
text-decoration:underline;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:244px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
#navMain ul li div.menu ul li ul li a{
text-transform:none;
border:none;
font-size:12px;
}