/*################################## W3C #################################*/
body, div, 
/*frame, frameset,*/
h1, h2, h3, h4, 
h5, h6, /*iframe,*/ 
/*noframes, */
/*object,*/ ol, p, 
ul, /*applet, */
/*center, dir,*/ 
hr/*, menu, pre*/   { display: block }
li              { display: list-item }
/*
head            { display: none }
*/
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { padding: 8px; line-height: 1.33 }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .83em 0 }
h3              { font-size: 1.17em; margin: 1em 0 }
h4, p,
ul,
blockquote
/*fieldset, form,
ol, dl, dir,
menu
*/            { margin: 1.33em 0 }
h5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
h6              { font-size: .67em; margin: 2.33em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
/*
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
s, strike, del  { text-decoration: line-through }
*/
hr              { border: 1px inset }
ol, ul/*
, dir,
menu, dd
*/        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
/*center          { text-align: center }*/
/* An example of style for HTML 4.0's ABBR/ACRONYM elements */
/*abbr, acronym   { font-variant: small-caps; letter-spacing: 0.1em }*/
a[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }
/* Begin bidirectionality settings (do not change) */
/*
bdo[dir="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
bdo[dir="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
*[dir="ltr"]    { direction: ltr; unicode-bidi: embed }
*[dir="rtl"]    { direction: rtl; unicode-bidi: embed }
*/
/* Elements that are block-level in HTML4 */
/*
address, blockquote, body, dd, div, dl, dt, fieldset, 
form, frame, frameset, h1, h2, h3, h4, h5, h6, iframe,
noscript, noframes, object, ol, p, ul, applet, center, 
dir, hr, menu, pre, li, table, tr, thead, tbody, tfoot, 
col, colgroup, td, th, caption 
{ unicode-bidi: embed }
*/
/* End bidi settings */
@media print {
/* @page         { margin: 10% }*/
h1, h2, h3,
h4, h5, h6    { page-break-after: avoid; page-break-inside: avoid }
/*
blockquote, 
pre           { page-break-inside: avoid }
*/
ul, ol, dl    { page-break-before: avoid }
}
@media aural {
h1, h2, h3, 
h4, h5, h6    { voice-family: paul, male; stress: 20; richness: 90 }
h1            { pitch: x-low; pitch-range: 90 }
h2            { pitch: x-low; pitch-range: 80 }
h3            { pitch: low; pitch-range: 70 }
h4            { pitch: medium; pitch-range: 60 }
h5            { pitch: medium; pitch-range: 50 }
h6            { pitch: medium; pitch-range: 40 }
li, dt, dd    { pitch: medium; richness: 60 }
dt            { stress: 80 }
pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
em            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
strong        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
dfn           { pitch: high; pitch-range: 60; stress: 60 }
s, strike     { richness: 0 }
i             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
b             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
u             { richness: 0 }
a:link        { voice-family: harry, male }
a:visited     { voice-family: betty, female }
a:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}
/*################################## /W3C #################################*/
/*################################## DEFAULT #################################*/
body
{
position:relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color:#262626;
padding: 0;
margin: 0;
text-align: center;
background-color: #a10018;
}
th,td,p,div,span,a,ul
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color:#262626;
text-align: left;
}
/*img,div{behavior: url(/assets/javascript/iepngfix.htc)}*/
img {
border: 0;
}
.nodisplay { display: none; }
h1{
padding: 0px;
margin: 0px;
color:#262626;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 28px;
}
h2{
padding: 0px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
color:#262626;
}
p{
padding: 0px;
margin: 0px;
padding-bottom:16px;
}
.content p:first-child{
padding-top:0;
margin: 0px;
padding: 0px;
}
.clearALL
{
clear: both;
margin: 0;
padding: 0;
width: 0;
height: 0;
}
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
.debug
{
background-color: yellow;
width: 250px;
}
#server_message{
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 1000;
/*background-image: url(/assets/images/trans-white.png);*/
}
.server_message
{
display: block;
position: relative;
margin: 12% auto 82% auto;
color: #000;
width: 400px;
background-color: #ccc;
border-color: grey;
border-width: thin;
border-style: outset;
text-align:center;
}
#nojs{
display: block;
width: 100%;
background-color: #ccc;
}
.nojs
{
display: block;
position: relative;
margin: 0 auto 0 auto;
padding: 0 0 20px 0;
width: 664px;
}
#message
{
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 1000;
}
.message
{
display: block;
position: relative;
margin: 25% auto 0 auto;
background-color: #ccc;
width: 50%;
padding: 20px;
}
.raquo
{
clear: both;
float: left;
width: 25px;
margin: 0;
text-align: center;
padding: 0;
}
.content
{
clear: both;
display: block;
position: relative;
margin: 0 auto 0 auto;
padding: 0px;
width: 750px;
text-align: left;
background-color: #f6e1ab;
}
#footer
{
clear:both;
display: block;
position: relative;
margin: 0 auto 0 auto;
padding: 0px;
width: 750px;
text-align: center;
background-color: #f6e1ab;
}
.enlarge{
display:block;
}
div#htmlMail{
/*
background-color: #ccc;
color:red;
*/
}
/*################################## /DEFAULT #################################*//*################################## FLYOUT #################################*/
.flyout {
visibility: hidden;
position: absolute;
left: 0; 
top: 0;
margin-right: -15px;
margin-bottom: 0px;
}
.flyoutgen table td { padding: 2px; }
.flyoutgen table table td { padding: 1px; }
.flyoutgen span { font-size: xx-small; }
#menu{
position: relative;
}
.submenus2 img, .flyout img { border: 0; }
ul.submenus2
{
/*position: relative;*/	
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
.submenus2 li{
text-align: left;
margin: 0;
padding: 0;
}
.flyout li{
background-color: #f7ecd5;
text-align: left;
margin: 0;
padding: 0;
}
a.folder
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color:#a10018;
background-image: url(/assets/images/arrow0.gif);
background-repeat: no-repeat;
background-position: right center;
display: block;
margin: 0;
padding: 0;
padding-right: 10px;
text-decoration: none;
}
a.folder:link{
color:#a10018;
background-image: url(/assets/images/arrow0.gif);
}
a.folder:visited{
color:#a10018;
background-image: url(/assets/images/arrow0.gif);
}
a.folder:hover{
color:#fff;
background-image: url(/assets/images/arrow1.gif);
text-decoration: none;
}
a.flynav{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 13px;
color:#a10018;
border-bottom: #f6e1ab;
border-width: 0 0 2px 0;
border-style: none none solid none;
text-decoration: none;
display: block;
padding: 5px;
padding-top: 2px;
margin:0;
}
a.flynav:visited{
color:#a10018;
}
a.flynav:hover{
color:#fff;
background-color: #a10018;
text-decoration: none;
}
a.subnav{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 13px;
color:#a10018;
border-bottom: #f6e1ab;
border-width: 0 0 2px 0;
border-style: none none solid none;
text-decoration: none;
display: block;
padding: 5px;
padding-top: 2px;
background-image: url(/assets/images/arrow1.gif);
background-repeat: no-repeat;
background-position: 65px 6px;
}
a.subnav:visited{
color:#a10018;
}
a.subnav:hover{
color:#fff;
background-color: #a10018;
background-image: url(/assets/images/arrow_white.gif);
text-decoration: none;
}
ul.flyout li.title2
{
color: white;
background: blue;
text-align: center;
}
ul.flyout li.title2 a { color: white; }
ul.flyout, ul.flyout ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
ul.submenus2 ul.flyout, ul.submenus2 ul.flyout ul
{
margin: 0;
padding: 0;
list-style-type: none;
border: none;
text-align: left;
}
ul.submenus2 ul.flyout li.title2, ul.submenus2 ul.flyout img { display: none; }
/*################################## /FLYOUT #################################*//*################################## CLIENT #################################*/
/* 
This is the smarty css template client.css. 
Put css code in here that is specific to
this project.
These global variables can be included in this file
where needed.
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 13px;
background-color: #a10018;
background-color: #f6e1ab;
*/
body{
margin-top:20px;
margin-bottom:20px;
}
h1{
margin:0;
margin-bottom:13px;
}
h3{
margin:0;
color:#262626;
}
h2{
margin:0;
}
ul{
margin:0;
margin-bottom:13px;
}
pre{
margin:0;
margin-bottom:13px;
color:#262626;
}
.content{
padding-left:5px;
padding-right:5px;
background-image: url(/assets/images/background_pattern_home.jpg);
}
#footer{
padding-left:5px;
padding-right:5px;
background-color: #a10018;
/*	background-image: url(/assets/images/drop_shadow_middle.gif);*/
}
.footer{
padding:10px;
text-align: center;
clear:both;
font-size:10px;
color:#f6e1ab;
}
.internalnav{
color:#a10018
}
.server_message{
background-color: #f6e1ab;
border-color: #a10018;
background-image: url(/assets/images/background_pattern.jpg);
}
.home{
text-align:center;
background-image: url(/assets/images/background_pattern_home.jpg);
}
.store{
background-image: url(/assets/images/background_pattern_store.jpg);
}
.directions{
background-image: url(/assets/images/background_pattern_directions.jpg);
}
.storeClass {
float: left;
width: 362px;
margin: 20px 0 0 25px; /* 402 */
padding:0;
}
.shippingClass{
margin: 0;
float: left;
width: 170px;
padding: 0 10px 0 40px;
/* 210 */
font-size: 10px;
}
.sidebarBody{
font-size: 10px;
}
.menuHeadline{
margin-top:0px;
/*line-height:14px;*/
}
#homeMenu{
position: relative;
clear:both;
float:left;
background-color: #fff;
white-space: nowrap;
}
#logoMenu
{
clear: both;
float: left;
margin-top: -30px;
/*margin-left:5px;*/
white-space: nowrap;
}
#logo{
float:left;
width:138px;
}
.horzLine{
padding: 1px 0 0 0;
background-image: url(/assets/images/dots_horizontal.gif);
background-repeat: repeat-x;
}
.vertLine{
background-image: url(/assets/images/dots_vertical.gif);
background-repeat: repeat-y;
}
.menuHead{
color: #a92321;
text-transform: uppercase;
font-size: 17px;
letter-spacing: 11px;
}
.menuBody{
width:533px;
background-color:white;
}
.leftCol
{
text-align: right;
width: 236px;
padding: 0 0 20px 0;
}
.centerCol
{
width: 6px;
padding: 0 20px 0 20px;
background-image: url(/assets/images/dots_vertical.gif);
background-repeat: repeat-y;
background-position: center;
}
.rightCol{
width:236px;
padding: 0 0 20px 0;
}
.story{
width: 750px;
background-image: url(/assets/images/background_pattern_home.jpg);
}
.people{
float:left;
width:204px;
}
.person{
text-align:center;
padding:10px;
}
.menuitems{
padding:0;
padding-right:20px;
margin:0;
background-image: url(/assets/images/background_pattern.jpg);
}
.menusClass{
padding:0;
padding-left:20px;
float:left;
width:592px;
}
.directionsClass
{
padding-left: 20px;
padding-top: 20px;
float: left;
width: 577px;
}
.legal
{
padding-left: 20px;
padding-top: 20px;
float: left;
width: 577px;
}
#menuFrame
{
overflow: auto;
scrollbar-base-color:#f6e1ab;
}
caption{
margin:0;
padding-bottom:20px;
color:#262626;
}
.popup{
cursor:  -moz-zoom-in;
}
a.footerNav{
font-size:10px;
color:#f6e1ab;
}
/*################################## /CLIENT #################################*/