/*****
Crystal Software for Renee's Handmade Soap - CSS definitions
www.crystalsw.com
*****/
BODY         {background-repeat: repeat-y; background-image: url(./pics/side_bubbles.gif); 
              background-color: #e2fcfb; margin-height: 0; margin-width: 0; 
              margin: 0 0 0 20px; padding: 5px 0 0 0;
             }

A:link       {text-decoration: none; color: #990000;} 
A:visited    {text-decoration: none; color: #5b85d0;}
A:hover      {text-decoration: none; color: #33cc00;}
A:active     {text-decoration: none; color: #00cc00;}

/********
div.top      {position: absolute; left: 0px; top: 0px; margin-left: 0px;}

DIV.logo     {position: absolute; left: 220px; top: 130px; line-height: 18pt; 
              margin-left: 1px; margin-top: 30px; 
              font-size: 12.0pt; font-weight: bold; font-family: Verdana,Helvetica,sans-serif;}
DIV.cont     {position: absolute; left: 5px; top: 550px; line-height: 12pt; font-size: 10.0pt; 
              font-family: Verdana,Helvetica,sans-serif;}
DIV.wtend    {position: absolute; left: 5px; top: 95%; line-height: 12pt; font-size: 8.0pt; 
              color: white; font-family: Verdana,Helvetica,sans-serif;}

SPAN.items1  {font-size:12.0pt; font-weight:plain;}
SPAN.items2  {font-size:10.0pt; font-weight:plain; font-style: italic}

.palegld     {background-color: #e9c2a6;}
.crm         {background-color: #ffffdd;}
.gld         {background-color: #d98719;}
.prpl        {background-color: #ad00f1;}
.ltgray      {background-color: #f3f3f3;}
.cht         {background-color: #e9c2a6; white-space: nowrap;}
.cin         {background-color: #cc6600;}

.navmap     {line-height: 18pt; }
topnavbar {border: #6600cc solid 1px; width: 640px; height: 95px; display: block;
           margin: 30px 0 0 0; padding: 30px 1px 0 4px; }
leg       {background: #e2fcfb; color: #6600cc; border: #6600cc solid 1px; 
           padding: 0.25px 8px;
           font-weight: bold; font-size: 12.0pt; 
           font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}

********/
/** height when no Notice = 70px; with Notice = 90px **/
div.top      {position: absolute; left: 0px; top: 10px; width: 700px; height: 90px;
              border: #6600cc solid 1px; 
              margin: 0 0 10px 70px; padding: 1px 1px 6px 4px; }

div.list     {position: relative; left: 0px; margin: 100px 0 0 0; }
div.main     {position: relative; margin-left: 30px; }

DIV.end      {line-height: 10pt; font-size: 8.0pt; font-family: Verdana,Helvetica,sans-serif;}

DIV.end1     {position: absolute; left: 5px; top: 1100; line-height: 10pt; font-size: 8.0pt; 
              font-family: Verdana,Helvetica,sans-serif;}
DIV.end2     {position: relative; left: 5px; top: 80px; 
              line-height: 10pt; font-size: 8.0pt; 
              font-family: Verdana,Helvetica,sans-serif;}

.tbltop      {position: relative; left: 0px; top: 0px; }
table.hm     {width: 660px;  text-align: left; margin: 0 0 0 30px; 
              font-size: 12px; font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}
table.fraglist   {margin: 1px 0 0 0; padding: 5px 5px 20px 5px;}
TD           {vertical-align: top; font-size: 10pt; 
              font-weight: bold; font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}
TD.IMP       {font-size: 11pt; font-weight: bold; color: red;
              font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}
TD.lg        {font-size:12.0pt; font-family:Verdana,Helvetica,sans-serif;}
TD.pgttl     {margin: 0 0 0 30px; padding: 0 0 0 80px; }
TD.evt       {font-size: 14pt; font-weight: bold; 
              font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}
TD.navend    {white-space: nowrap; text-align: left; 
              font-size: 7.0pt; font-family: Verdana,Helvetica,sans-serif;}
TD.navend2   {white-space: nowrap; text-align: center; 
              font-size: 7.0pt; font-family: Verdana,Helvetica,sans-serif;}
TD.end1      {text-align: center; padding: 0 0 10px 0;
              font-size: 8.0pt; font-family: Verdana,Helvetica,sans-serif;}
TD.end2      {text-align: left; padding: 0 0 10px 0;
              font-size: 8.0pt; font-family: Verdana,Helvetica,sans-serif;}

LI           {font-size:10pt; }

.hmtextlg   {padding: 0 0 0 0; font-size: 16pt; font-weight: bold; 
             font-family: "Curlz MT","Comic Sans MS",Verdana,Helvetica,sans-serif;}
.hmtext     {padding: 0 0 0 0; font-size: 10pt; 
             font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}
.listtext   {color: #cc6600; line-height: 12pt; font-size: 10pt; font-weight: bold; 
             font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}
.listtext14 {color: #cc6600; line-height: 16pt; 
             font-size: 18pt; font-weight: bold; 
             font-family: "Curlz MT",Verdana,Helvetica,sans-serif;}

.pln8,.plnsm {font-size:  8pt; font-family: "Comic Sans MS",Verdana,sans-serif;}
.pln9       {font-size:  9pt; font-family: "Comic Sans MS",Verdana,sans-serif;}
.pln10      {font-size: 10pt; font-family: "Comic Sans MS",Verdana,sans-serif;}
.pln12      {font-size: 12pt; font-family: "Comic Sans MS",Verdana,sans-serif;}

.bsm8       {font-size:  8pt; font-weight: bold; 
             font-family: "Comic Sans MS",Verdana,sans-serif;}
.bmed10     {font-size: 10pt; font-weight: bold; 
             font-family: "Comic Sans MS",Verdana,sans-serif;}
.bmed12     {font-size: 12pt; font-weight: bold; 
             font-family: "Comic Sans MS",Verdana,sans-serif;}

.pgtop      {border: #6600cc dashed 1px; width: 95px; height: 20px;
             margin: 0 25px 0 5px; padding: 5px 20px 0 5px; }

.box        {color: #6600cc; border: #6600cc solid 1px; padding: 3px 5px 0 5px; }
.box2       {color: #6600cc; border: #6600cc solid 1px; padding: 3px 10px 0 5px; }
.bdrleft    {color: #6600cc; border-left: #6600cc solid 1px; padding: 3px 5px 0 5px; }

.boldred    {color: red; text-style: bold}

.legend     {background: #e2fcfb; color: #6600cc; 
             padding: 1px 10px;
             font-weight: bold; font-size: 12.0pt; 
             font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}
.title      {color: #6600cc; font-size: 20pt; font-weight: bold; 
             font-family: "Curlz MT","Comic Sans MS",Verdana,Helvetica,sans-serif;}

font.price  {color: #ad00f1; font-size: 14.0pt;
             font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}
select      {background: #ffff99; font-size: 10pt;
             font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}


/**
This cool technique courtesy of:
http://www.webdevtips.com/webdevtips/style/rollover.shtml
margin, padding - top, right, bottom, left
**/
a.masthead { width:660px; height:421px; padding: 0 0 0 0; margin: 0 0 0 20px; display:block; 
    background:transparent no-repeat url("pics/rhms_masthead_mint4.gif"); } 
a.masthead:Hover { background:transparent no-repeat url("pics/rhms_masthead_mint4.gif"); } 

a.listball {width: 10px; height: 10px; border: none; vertical-align: center; 
            white-space: nowrap; 
            padding: 0 1px 0 20px; background:transparent no-repeat url("pics/ball_11.gif"); } 
a.listball:Hover { background:transparent no-repeat url("pics/ball_11_on.gif") ; } 

a.listball1 { border: none; padding: 0 1px 0 20px; margin: 20px 0 0 0;
    display:block; background:transparent no-repeat url("pics/ball_11.gif") ; } 
A.listball1:Hover { background:transparent no-repeat url("pics/ball_11_on.gif") ; } 

input.btn_add2cart2 { width: 122px; height: 14px; border: none; 
    margin: 10px 0 0 0; 
    display:block; background:transparent;}
input.btn_add2cart2:Hover { background:transparent no-repeat url("pics/btn_add2cart2_on.gif");} 

A.thanks { width:211px; height:41px; padding: 0 0 0 0; display:block;
    text-align: center;
    background:transparent no-repeat url("pics/thanks.gif"); } 

A.whoops { width:159px; height:46px; padding: 0 0 0 0; display:block;
    text-align: center;
    background:transparent no-repeat url("pics/whoops.gif"); } 

A.wrsp { width:470px; height:333px; padding: 0 0 0 0; display:block;
    text-align: center;
    background:transparent no-repeat url("pics/wrsp_3.gif"); } 
/** A.wrsp:Hover { background:transparent no-repeat url("pics/wrsp.gif"); } **/

A.uwrsp { width:491px; height:314px; padding: 0 0 0 0; display:block; 
    background:transparent no-repeat url("pics/uwrsp.gif") ; } 
A.uwrsp:Hover { background:transparent  no-repeat url("pics/uwrsp.gif"); } 

A.gifts { width:382px; height:341px; padding: 0 0 0 0; display:block; 
    background:transparent no-repeat url("pics/gifts_hdr3.gif") ; } 
A.gifts:Hover { background:transparent  no-repeat url("pics/gifts_hdr3.gif"); } 

A.bbombs { width:557px; height:511px; padding: 0 0 0 0; display:block; 
    background:transparent no-repeat url("pics/bb_hdr.jpg") ; } 
A.bbombs:Hover { background:transparent  no-repeat url("pics/bb_hdr.jpg"); } 

A.events { width:491px; height:50px; padding: 0 0 0 0; display:block; 
    background:transparent no-repeat url("pics/events_hdr.gif") ; } 
A.events:Hover { background:transparent  no-repeat url("pics/events_hdr.gif"); } 

A.show_cart { width:491px; height:50px; padding: 0 0 0 0; display:block; 
    background:transparent no-repeat url("pics/cart_hdr.gif") ; } 
A.show_cart:Hover { background:transparent  no-repeat url("pics/cart_hdr.gif"); } 

A.evtcal{ width:650px; height:750px; padding: 0 0 0 0; display:block; 
    background:transparent no-repeat url("pics/desc_evtcal_example.gif") ; }  

A.cont  { width:491px; height:50px; padding: 0 0 0 0; display:block; 
    background:transparent no-repeat url("pics/cont_hdr.gif") ; } 
A.cont:Hover { background:transparent  no-repeat url("pics/cont_hdr.gif"); } 

A.btn_wrsp { width:50px; height:50px; padding: 0 0 0 50px; margin: 10px 0 0 0; display:block; 
    background:transparent no-repeat url("pics/btn_wrsp_lav.gif") ; } 
A.btn_wrsp:Hover { background:transparent no-repeat url("pics/btn_wrsp_lav_on.gif") ; } 

A.btn_uwrsp { width:45px; height:41px; padding: 0 0 0 50px; margin: 15px 0 0 0; display:block; 
    background:transparent no-repeat url("pics/btn_uwrsp_pep.gif") ; } 
A.btn_uwrsp:Hover { background:transparent no-repeat url("pics/btn_uwrsp_pep_on.gif") ; } 

A.btn_bb { width:50px; height:50px; padding: 0 0 0 50px; display:block; 
    background:transparent no-repeat url("pics/btn_bb_lg.gif") ; } 
A.btn_bb:Hover { background:transparent no-repeat url("pics/btn_bb_lg_on.gif") ; } 

A.btn_evts { width:130px; height:70px;  padding: 0 0 0 0; margin: 10px 0 0 200px;
    display:block; background:transparent no-repeat url("pics/evts.gif") ; } 
A.btn_evts:Hover { background:transparent no-repeat url("pics/evts_on.gif") ; } 

A.btn_gifts { width:120px; height:72px; padding: 0 0 0 0; margin: 0 0 0 230px;
    display:block; background:transparent no-repeat url("pics/gifts.gif") ; } 
A.btn_gifts:Hover { background:transparent no-repeat url("pics/gifts_on.gif") ; } 


/** NAV trbl **/
a.nav_hm { width:210px; height:10pt; padding: 0 0 15px 0; vertical-align: top;
    background:transparent no-repeat url("./pics/rhms_name2.gif") ; } 
a.nav_hm:Hover { background:transparent no-repeat url("./pics/rhms_name_on.gif") ; } 

a.nav_wrsp { width:97px; height:20pt; padding: 0 0 10px 0; 
    background:transparent no-repeat url("./pics/nav_wrsp.gif") ; } 
a.nav_wrsp:Hover { background:transparent no-repeat url("./pics/nav_wrsp_on.gif") ; } 

a.nav_uwrsp { width:108px; height:20pt; padding: 0 0 10px 0; 
    background:transparent no-repeat url("pics/nav_uwrsp.gif") ; } 
a.nav_uwrsp:Hover { background:transparent no-repeat url("pics/nav_uwrsp_on.gif") ; } 

a.nav_bbombs { width:77px; height:20pt; padding: 0 0 10px 0;
    background:transparent no-repeat url("pics/nav_bbombs.gif") ; } 
a.nav_bbombs:Hover { background:transparent no-repeat url("pics/nav_bbombs_on.gif") ; } 

a.nav_events { width:44px; height:20pt; padding: 0 0 10px 0;
    background:transparent no-repeat url("pics/nav_events.gif") ; } 
a.nav_events:Hover { background:transparent no-repeat url("pics/nav_events_on.gif") ; } 

a.nav_gifts { width:35px; height:20pt; padding: 0 0 10px 0;
    background:transparent no-repeat url("pics/nav_gifts.gif") ; } 
a.nav_gifts:Hover { background:transparent no-repeat url("pics/nav_gifts_on.gif") ; } 

a.nav_show { width:72px; height:20pt; padding: 0 0 10px 0;
    background:transparent no-repeat url("pics/nav_showcart.gif") ; } 
a.nav_show:Hover { background:transparent no-repeat url("pics/nav_showcart_on.gif") ; } 

a.nav_cont { width:52px; height:20pt; padding: 0 0 10px 0;
    background:transparent no-repeat url("pics/nav_cont.gif") ; } 
a.nav_cont:Hover { background:transparent no-repeat url("pics/nav_cont_on.gif") ; }