/*Hennabecca website style sheet.  Created 13.01.04 by Rebecca Walker.
*/


body 
	{  
	   background-color: white;
	   margin: 5px 20px 0px 20px;
	   scrollbar-base-color: #9999CC;
	   scrollbar-track-color: #DCD3EF;
	   scrollbar-arrow-color: #330066;
	   scrollbar-lightshadow-color: #666699;
	   scrollbar-darkshadow-color: #330066;
	   scrollbar-highlight-color: #CCCCFF;
	   scrollbar-3dlight-color: white;
	}

body.background
	{
	 background:url(./images/press_background.jpg) no-repeat;
	}

table.main
	{
	   width:"100%";
	}


table.content
	{
	   text-align: left;
	   color: #330066;
	   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

p, ol, ul
	{
	   font-size: smaller;
	   text-align: left;
	   color: #330066;
	   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

strong

	{ font-size: 1.2em;
	  font-weight: bold;
	}

small
	{font-size: 0.8em;
	 color: red;
	}

td
	{
	   vertical-align: top;
	}

td.callus
	{
	   vertical-align: bottom;
	}

tb.callusshop
	{
	   vertical-align: top;
	}

td.shopping
	{
	   width: 150px;
	   padding: 10px;
	   vertical-align: bottom;
	}

td.button
	{
	   width: 100px;
	   padding: 1px;
	   vertical-align: bottom;
	}
td.outofstock
	{
	   color: red;
	   padding: 20px;
           font style: italic;
	   text-align: center;
	   vertical-align: bottom;
	}

h1
	{
	   font-size: larger;
	}


a
	{
	   color: #666666;
	}

a:hover
	{
	   color: #9966cc;
	}



/*notes for future reference, can do multiple tags at once if they share the same attributes eg

p, div, h1 {color: #00DDFF; width: 80%; } modifies all 3 tags

And classes do not have to be attached to an individual tag.  Eg can have

.caution {font-family: Verdana; font-size: 12pt; color: red; } 

which can then be applied to <p class="caution"> or <h1 class="caution">  or <span class="caution">affected text</span> etc etc
*/