/*  
    SILVER LINING HERBS
    Screen Master Stylesheet
   
    Darryl Ring <darryl@breezewebservices.com>
    
    Version: 1.0
    Date:    January 5, 2008
*/
 
/*
    COLORS
    
    Body Background:     #693;
    Text Color:          #444;
    Light Text Color:    #999;
    Footer:              #cf9;
*/
 



*                               { margin: 0; padding: 0; font-size: inherit; font-weight: inherit; }

body                            { font: 12px/18px helvetica, arial, sans-serif; background: #693; }
#container                      { margin: 20px auto; border-bottom: solid 10px #cf9; width: 710px; background: #fff; }

#header h1 a:link,
#header h1 a:visited            { display: block; float: left; margin: 0 13px 0 20px; width: 220px; height: 65px; text-indent: -9000px; background: url('/images/global/logo.gif') no-repeat; }
#header h1 a:hover              { }
#header h1 a.current:link,
#header h1 a.current:visited    { background-image: url('/images/global/logo-current.gif'); }

#navigation                     { float: left; margin: 18px 0 15px 0px; padding: 8px 0 6px 0; background: url('/images/global/nav-stripe.gif') no-repeat; }
#navigation li                  { display: inline; margin-left: 20px; list-style: none; }
#navigation a:link,
#navigation a:visited           { text-decoration: none; color: #999; }
#navigation a:hover             { color: #666; }
#navigation a.current:link,
#navigation a.current:visited   { font-weight: bold; color: #393; }

#header #img                    { margin: 0 20px; font-size: 0; line-height: 0; }

#body                           { padding: 0 20px 20px 20px; }

#main                           { float: left; margin-bottom: 20px; padding-top: 2px; width: 435px; }
#sidebar                        { float: left; margin-bottom: 20px; padding: 2px 0 20px; width: 235px; background: #eee url('/images/global/sidebar-bg.gif') repeat-x; }

#footer                         { position: relative; clear: both; padding-bottom: 10px;}
#footer p                       { font-size: 11px; text-align: center; margin: 0 20px; }

ul                              { margin: 9px 20px 0 40px; color: #444; }

p                               { margin: 9px 20px 0 20px; font-size: 12px; color: #444; }
h2                              { clear: both; margin: 0 20px; padding-top: 18px; font-size: 18px; color: #693; }
h3                              { margin: 18px 20px 0 20px; font-size: 14px; font-weight: bold; color: #444; }

strong                          { font-weight: bold; }
cite                            {}

#sidebar p, #sidebar li         { font-size: 11px; }
#sidebar h2                     { font-size: 15px; }
#sidebar h3                     { font-size: 12px; }

.testimonial                    { float: left; margin: 9px 0 0 20px; width: 180px; }
.testimonial p                  { margin: 0; font-size: 11px; font-style: italic; color: #999; }
.testimonial p.cite             { text-align: right; }

.description p                  { font-size: 12px; font-style: italic; }

#sidebar .testimonial           { float: normal; margin: 9px 20px 0; width: 195px; }

.split                          { float: left; margin: 9px 0 18px 20px; width: 115px; list-style: none; font-size: 11px; }
.first                          { margin-left: 20px; }

hr                              { clear: both; margin: 17px 20px 0; border: 0; height: 1px; background: #ccc; }

a:link                          { color: #693; }
a:visited                       { color: #666; }
a:hover                         { color: #360; }

h3 a:link, h3 a:visited         { text-decoration: none; color: #693; }
h3 a:hover                      { text-decoration: underline; color: #360; }

a.cart_add:link,
a.cart_add:visited,
a.cart_add:hover                 { padding-left: 20px; background: url('/images/icons/cart_put.png') no-repeat; }

/*
a.details:link,
a.details:visited,
a.details:hover                 { padding-left: 20px; background: url('/images/icons/information.png') no-repeat; }
*/

a.top:link,
a.top:visited,
a.top:hover                     { padding-left: 16px; background: url('/images/icons/arrow_up.png') no-repeat; }

.decor                          { float: right; margin: 0 20px 10px 20px; padding: 2px; border: solid 1px #ccc; }
.inline                         { margin: 10px 0 10px 20px; padding: 2px; border: solid 1px #ccc; }
p img.inline                    { margin: 10px 0 0 0; }

table                           { border-collapse: collapse; color: #444; margin: 20px 20px 0 20px; width: 395px }
th                              { padding: 2px 5px; text-align: left; color: #fff; background: #693; }
td                              { padding: 2px 5px; border-bottom: solid 1px #ddd; }
.rec                            { padding-left: 20px; text-align: right; }

.button                         { margin: 20px 20px 18px 20px; }
.button a:link,
.button a:visited               { display: block; padding: 10px 0; border: solid 1px #ccc; background: #fff; font-size: 13px; text-align: center; }

input                           { vertical-align: middle; }

.viewcart                       { padding-top: 10px; }