/* 
Hilo Hattie
 */

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
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, caption { margin:0; padding:0; }

table, th, td { margin:0; }

html { min-height:100%; margin-bottom:1px; } /* add: margin-bottom:1px if you want scrollbar to always appear (avoids page shifting) */

body { text-align:center; font-size:1em; line-height:1em; font-family:tahoma,arial,sans-serif; color:#faedc1; background:#1a0c02 url(../images/bg-main.jpg) no-repeat 50% 0; }
body.home { background-image:url(../images/bg-home.jpg); }
table, th, td, input, textarea, select { font-size:1em; line-height:1.3em; font-family:tahoma,arial,sans-serif; color:#faedc1; }

a img, :link img, :visited img { border:none; }

a:link { color:#be2c37; text-decoration:none; }
a:visited { color:#be2c37; text-decoration:none; }
a:hover, a:active { color:#be2c37; text-decoration:underline; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }

br { margin:0 0 -15px; }

/* Defaults set here. Specifics set where needed later in the document (i.e. #content h1, etc.) */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin:0 0 .7em; display:block; font-size:1em; line-height:1.3em; color:#daac35; font-weight:normal; }


/* COMPONENTS (WIDGETS) - [  .component- ] 
------------------------------------------------------------------------------------- */

/* BUTTON STYLES - [  .btn- ] 
------------------------------------------------------------------------------------- */
/*
.btn { position:relative; display:block; text-decoration:none !important; cursor:pointer; }
.btn:hover { text-decoration:none !important; }
.btn span { position:absolute; top:0; left:0; display:block; }

.btn-name, .btn-name span { width:175px; height:30px; background:url(../images/bg-button.png) no-repeat 0 0; }  // Example: <a href="#" class="btn btn-name" title="Click here to ...">Button Text<span>&nbsp;</span></a>
*/

/* FORMS - [  .form- ] 
------------------------------------------------------------------------------------- */

/* LIST STYLES - [  .list- ] 
------------------------------------------------------------------------------------- */
.list-links { margin:6px 0 33px; }
.list-links li { margin:0 18px 0 0; padding:0 0 0 10px; float:left; display:inline; color:#be2c37; font-size:.9em !important; background:url(../images/yui-sam-sprite.png) no-repeat 0 -1947px; }

.list-history { margin:30px 0 20px; }
.list-history li { position:relative; padding:0 0 30px 84px; list-style:none; font-size:.9em; line-height:1.5em; }
.list-history li.multi { padding-left:160px; }
.list-history li img, .list-history li span { position:absolute; top:2px; left:0;  }
.list-history li p { margin:0; padding:0 0 4px 20px; width:680px; display:block; border-left:2px solid #613e1d; }
.list-history li.multi p { width:580px; }

.list-flower li { margin:0 0 10px; padding:0 0 0 25px; color:#f0ca57; list-style:none; background:url(../images/bg-list-flower.png) no-repeat 0 3px; }

.list-nobull li  { padding:0; list-style:none; }

.list-about { margin:0 0 35px; padding:0 0 8px; font-size:.9em; line-height:1.4em; }
.list-about li { margin:0 0 25px; list-style:none; }
.list-about li li { margin:0; }
.list-about .list-links { margin:0 0 5px; }
.list-about .list-links li { background-position:0 -1953px; }

.list-pr li { padding:0 0 9px; list-style:none; border-bottom:1px solid #613e1d; font-size:1.4em; }
.list-pr li small { width:96px; float:left; display:inline; color:#bd8609; }
.list-pr li h2 { margin:5px 0 0 !important; width:680px; float:left; display:inline; font-size:.8em !important; }
.list-pr li.last	{ border-bottom: none; }

/* TABLE STYLES - [  .tbl- ] 
------------------------------------------------------------------------------------- */


/* SHARED
------------------------------------------------------------------------------------- */
#container { margin:0 auto; width:950px; font-size:.75em; text-align:left; }

#header { position:relative; height:133px; z-index:50; }
.home #header { height:115px; }

#logo { position:absolute; top:0; left:69px; width:310px; height:106px; display:block; background:url(../images/logo.png) no-repeat 0 0; }
#logo img { display:none; }


/* NAVIGATION
------------------------------------------------------------------------------------- */
/* Generic Nav Styles */
.nav { position:absolute;}
.nav li { float:left; position:relative; list-style:none; }
.nav li a { cursor:pointer; }
.nav li a:hover { text-decoration:none; }
.nav li a, .nav li div { position:relative; display:block; text-decoration:none; color:#fff; font-size:14px; }
.nav li span { position:absolute; top:0; left:0; display:block; }
	
/* Main Nav - Specific (Must also have .nav on element) */
#nav { top:38px; right:66px; width:384px; height:28px; }
#nav li { height:28px; }
#nav li a, #nav li div { height:28px; }
#nav li span { height:28px; }
#nav li, #nav li a, #nav li span, #nav li div { background-image:url(../images/bg-nav.jpg); }

/* NORMAL STATE (NAV ITEM W/ DROPDOWN, NAV ITEM W/O DROPDOWN */
#nav li.about, #nav li.about a, #nav li.about a span, #nav li.about-nodrop, #nav li.about-nodrop a, #nav li.about-nodrop a span { background-position:0 0; width:106px; }
#nav li.locations, #nav li.locations a, #nav li.locations a span, #nav li.locations-nodrop, #nav li.locations-nodrop a, #nav li.locations-nodrop a span { background-position:-106px 0; width:155px; }
#nav li.contact, #nav li.contact a, #nav li.contact a span, #nav li.contact-nodrop, #nav li.contact-nodrop a, #nav li.contact-nodrop a span { background-position:-261px 0; width:123px; }
/*
#nav li.store, #nav li.store a, #nav li.store a span, #nav li.store-nodrop, #nav li.store-nodrop a, #nav li.store-nodrop a span { background-position:-261px 0; width:123px; }
*/

/* HOVER STATE - W/ DROP */
#nav li.about:hover a, #nav li.about:hover a span, #nav li.about a:hover, #nav li.about a:hover span, #nav li.abouton:hover a, #nav li.abouton:hover a span, #nav li.abouton a:hover, #nav li.abouton a:hover span { background-position:0 -28px; width:106px; }
#nav li.locations:hover a, #nav li.locations:hover a span, #nav li.locations a:hover, #nav li.locations a:hover span, #nav li.locationson:hover a, #nav li.locationson:hover a span, #nav li.locationson a:hover, #nav li.locationson a:hover span { background-position:-106px -28px; width:155px; }
#nav li.contact:hover a, #nav li.contact:hover a span, #nav li.contact a:hover, #nav li.contact a:hover span, #nav li.contacton:hover a, #nav li.contacton:hover a span, #nav li.contacton a:hover, #nav li.contacton a:hover span { background-position:-261px -28px; width:123px; }
/*
#nav li.store:hover a, #nav li.store:hover a span, #nav li.store a:hover, #nav li.store a:hover span, #nav li.storeon:hover a, #nav li.storeon:hover a span, #nav li.storeon a:hover, #nav li.storeon a:hover span { background-position:-261px -28px; width:123px; }
*/

/* ON STATE */
#nav li.abouton, #nav li.abouton span, #nav li.abouton div, #nav li.abouton-nodrop, #nav li.abouton-nodrop span, #nav li.abouton-nodrop div { background-position:0 -28px; width:106px; }
#nav li.locationson, #nav li.locationson span, #nav li.locationson div, #nav li.locationson-nodrop, #nav li.locationson-nodrop span, #nav li.locationson-nodrop div { background-position:-106px -28px; width:155px; }
#nav li.contacton, #nav li.contacton span, #nav li.contacton div, #nav li.contacton-nodrop, #nav li.contacton-nodrop span, #nav li.contacton-nodrop div { background-position:-261px -28px; width:123px; }
/*
#nav li.storeon, #nav li.storeon span, #nav li.storeon div, #nav li.storeon-nodrop, #nav li.storeon-nodrop span, #nav li.storeon-nodrop div { background-position:-261px -28px; width:123px; }
*/
/**************************************************************************************************************/

#subnav { margin:6px 0 49px; padding:0 0 0 81px; width:100%; font-size:1.3em; line-height:1.8em; background:url(../images/bg-subnav.png) no-repeat 0 0; }
#subnav li { margin:0 18px 0 0; padding:0 0 0 10px; float:left; display:inline; color:#ae9356; font-size:.9em !important; background:url(../images/yui-sam-sprite.png) no-repeat 0 -1949px; }


/* HOME PAGE
------------------------------------------------------------------------------------- */
.home #content { padding:0; }

#h-main { margin:23px 20px 0; padding:0 0 35px; width:530px; }
.home .more { margin:0 0 0 5px; }

#coupon { position:absolute; bottom:0; right:21px; padding:0 0 49px; background:url(../images/bg-coupon.jpg) no-repeat 100% 100%; }


/* SUBPAGE
------------------------------------------------------------------------------------- */
#content { position:relative; padding:0 70px 40px 81px; font-size:1.3em; line-height:2.0em; }
#content p { margin:0 0 15px; }
#content table { margin:0 0 20px; }
#content td { vertical-align:top; }

/* Content specific header styles */
#content h1, #content .h1 { margin:0 0 .55em; font-size:2.5em; line-height:.7em; }
#content h2, #content .h2 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }
#content h3, #content .h3 { margin:0 0 .5em; font-size:1.1em; line-height:1.3em; }
#content h4, #content .h4 { margin:.55em 0 .1em; font-size:1em; line-height:1.3em; }
#content h5, #content .h5 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }
#content h6, #content .h6 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }

p.date	{ color: #e2bd51; font-size: 14px; margin-bottom: 5px !important; }
#content ul.list	{ margin-left: 20px; }
#content ul.list li	{ line-height: 20px; margin-bottom: 15px; }

#content .list-pr { margin:35px 0 0; }

#img-origin { margin:-50px 0 0 40px; float:right; display:inline; }

.section { margin:0 0 35px; padding:0 0 8px; font-size:.9em; line-height:1.4em; background:url(../images/bg-line.png) repeat-x 0 100%; border-bottom:1px solid #7e5b2a; }
.section li { margin:0 0 25px; list-style:none; }
.section li li { margin:0; }
.section .list-links { margin:0 0 5px; }
.section .list-links li { background-position:0 -1953px; }

.locations ul { margin-right:140px; float:left; display:inline; }
.locations ul.last { margin-right:0; }
.locations ul ul { margin-right:0; float:none; display:block; }

#trolley { position:absolute; top:115px; right:76px; width:383px; min-height:267px; line-height:1.3em; background:url(../images/bg-trolley.jpg) no-repeat 0 169px; }
#trolley img  { margin:0 0 30px; }
#trolley p  { padding:0 0 0 5px; }
#trolley .list-links { margin:-4px 0 0; }
#trolley .list-links li { background-position:0 -1952px; }

#img-exec-team { position:absolute; top:-2px; right:75px;  }

#list-exec-team { margin:28px 0 0; }
#list-exec-team li { padding:0 100px 0 0; width:166px; float:left; display:inline; }
#list-exec-team li li { padding:0; width:100%; float:none; display:block; }
#list-exec-team h3 { margin:0 0 4px; font-size:1em; }
#list-exec-team h4 { margin:0 0 4px; color:#faedc1; font-size:1em; font-style:italic; }


/* FOOTER
------------------------------------------------------------------------------------- */
#footer { position:relative; padding:32px 0 90px; clear:left; color:#8f7749; background:url(../images/bg-footer.jpg) no-repeat 50% 0; border-top:1px solid #7e5b2a; }
#footer p { position:absolute; top:86px; right:20px; }

#footer-links { margin:0 0 0 20px; }
#footer-links li { margin:0 14px 0 0; float:left; display:inline; }

#footer-contact { position:absolute; top:18px; right:20px; }
#footer-contact li { margin:0 0 0 3px; width:350px; float:left; display:inline; color:#ae9356; line-height:1.2em; }
#footer-contact li#tel { width:195px; text-align:right; }
#footer-contact li img { margin:5px 0 0; }


/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
#skip { display:none; }
.show { display:block; }
.hide { display:none; }
.clear { clear:both; }
br.clear { line-height:0; height:0; }
.last { border:none !important; background:none !important }
.col { float:left; display:inline; }
.title { display:none; }
.tel { margin-top:8px !important; }

.color1 { color:#f0ca57 !important; }
.color2 { color:#886142 !important; }

.clearfix:after, #subnav:after, .list-links:after, .list-history li:after, .list-pr li:after, .locations:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix, #subnav, .list-links, .list-history li, .list-pr li, .locations { display:inline-block; }
.clearfix, #subnav, .list-links, .list-history li, .list-pr li, .locations { /*\*/display:block;/**/ }

/* FIX FOR PWP RETYPE PASSWORD STYLING  */
.PWPRetypePromptText { display:block; }

/* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG,
MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li
MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */
* html .italicsfix { /*\*/overflow:hidden; o\verflow:visible; width:100%; w\idth:auto; he\ight:1%;/**/ }

.floatleft { float:left; }
.floatright { float:right; }

img.floatleft { margin:0 40px 25px 0; position:relative; }
img.floatright { margin:0 0 25px 40px; position:relative; }

/* SPAN STYLES MAINLY ADDED FOR IE PNGFIX SUPPORT. PNGFIX REPLACES THE <IMG> WITH <SPAN> */
span.floatleft { margin:0 10px 5px 0; position:relative; }
span.floatright { margin:0 0 5px 10px; position:relative; }