/* EXTERNAL STYLESHEET FOR WEB PAGES */

/*PSEUDOSTYLES FOR HYPERLINKS*/
	a:link		{color:#660000; background: transparent; font-size:100%; font-weight:bold; text-decoration:none;}
	a:visited	{color:#660000; background: transparent; font-size:100%; font-weight:bold; text-decoration:none;}
	a:active	{color:#660000; background: transparent; font-size:100%; font-weight:normal; text-decoration:none;}
	a:hover		{color:#660000; background: transparent; font-size:100%; font-weight:bold; text-decoration:underline overline;}
	
/* HTML ELEMENTS DEFINED FOR THE PURPOSES OF THIS SITE */

body		{ color: #ffffff;
			  background: url(./images/grad-blueredv.jpg) repeat;
			  font-family: Verdana, Helvetica, Arial, sans-serif;
			  font-size: 85%;
			  margin: 0;
			  padding: 0;
		 }
		 
p			{color: white;					/* normal paragraph format */
			 background: transparent;
			 /*border: solid 1px white;*/
		 } 
		 
p a:link	{color: white;
			 background: transparent;
		 }
		 
p.bold		{font-weight: 700;}

p.w50		{width: 50%;
			 margin: 1% auto 1% auto;
			 padding: 1%;
			 text-align: center;
			 /*border: white 1px solid;*/
		 }
		 
p.w75		{width: 75%;
			 margin: 1% auto 1% auto;
			 padding: 1%;
			 text-align: center;
			 /*border: red 1px solid;*/
		 }		 
		 
p.w90		{width: 90%;
			 margin: 1% auto 0 auto;
			 text-align: center;
		 }
		 
p.framed   	{border: #660000 double  4px;  /* large buttons with gradient backgrounds */
             color: #660000;
             font-weight: 700;
			 background: url(./images/parabackground.jpg) repeat-y;
             width: 40%;
             margin: 1.5% auto 0 auto;
             padding: 0.75% 0;
             text-align: center;
             font-size: 120%;
         } 
p.product	{width: 100%;
			 margin: 0px;
			 padding: 0;
			 font-family: serif;
			 font-size: 100%;
			 color: #660000;
             font-weight: 700;
			 background: url(./images/parabackground.jpg) repeat-y;
			 Text-align: left;
		 }
p.header	{font-family: monospace;
			 font-size: 120%;
			 font-weight: bold;
			 color: #333366;
			 background: transparent; 
		 }

ul			{font-family: monospace;
			 font-size: 100%;
			 font-weight: 600;
         }   
         
/*-------------------------------------------------------------------
	GLOBAL CLASS DEFINITIONS
---------------------------------------------------------------------*/

.borderwht	{border: solid 1px white;
			 margin:  1em 0;
			 padding: 0 0 1.5% 0;
		 }
		 
.centred	{text-align: center;
		 }		

/*-------------------------------------------------------------------
     DEFINITION OF DIVISIONS USED IN THIS SITE 
---------------------------------------------------------------------*/
#headercontainer
			{margin: 0;
			 padding: 0;
			 width: 100%;
			 color: black;
			 background: white url("./images/bannerbkimg.jpg") repeat-y top right;
		 }
		 
#headerbgright
			{margin: 0;
			 padding: 0;
			 width: 48%;
			 height: 142px;
			 color: black;
			 background: #750142;
			 border: solid 1px red;			 
		 }		
		 
#headerbgleft
			{margin: 0;
			 padding: 0;
			 width: 48%;
			 height: 142px;
			 color: black;
			 background: #ffffff;
		 }				  
		 
#header   	{ border: none;
			  margin: 0;
			  padding: 0;
			  text-align: center;
			  /*height: 142px;*/
		  }
		  
#header img { border: none;
			  display: block;
			  margin: 0 auto 0 auto;
			  padding: 0;

          }
        
#navbar		{color: #660000;
			 background: transparent url(./images/navbackground.jpg) repeat-y;
			 margin: 0;
			 padding: .3% .3% .4% .3%;
			 text-align: center;
			 border: none;
		 }
#navbar	a   {color: #660000;
			 background: transparent;
		 }	
		 
/*-------------------------------------------------------------------------------------------------------
   BEGINNING OF THE "CONTENT" BOX DEFINITIONS - THERE IS AN OVERALL "CONTENT" BOX AS THE OUTER CONTAINER.
   WITHIN THE CONTENT BOX ON CAN HAVE ANY COMBINATION OF:
   	1.	A CENTRED SINGLE BOX (WIDTH = 50% OF OUTER CONTAINER WIDTH)
   	2.	TWO BOXES, SIDE BY SIDE: LEFT AND RIGHT; AND
   	3.  THREE BOXES, SIDE BY SIDE: LEFT;  MIDDLE;  AND RIGHT
---------------------------------------------------------------------------------------------------------*/
   	
#content    {margin-top: 2em;  /* "content" is a box containing everything below the navbar */
			 padding: 0.5em;
			 color: white;
			 background: transparent;
			 /*border: 1px white solid;*/
		 }
		 
#content a	{color: white;
			 background: transparent;
		 }
		 
#tophalf a	{color: #660000;				/* vertically, "content" can be divided into 2 parts: a top box;*/
			 background: transparent;
			 /*border: solid 1px white;  	*/
         }
         
#bottomhalf	{margin-top: 2em;            	/* and a bottom box */
		     color: #660000;
		     background: transparent;
			 /*border: solid 1px white;*/
         }         
		 
#centre		{/*border: white 1px solid;*/  	/* horizontally, there can be one central box, or */
             width: 50%;
             margin: 2em auto 0 auto;
         }
		 
#lefthalf   {width: 40%;                   	/* there can be two adjacent boxes, lefthalf and */
             margin: 0.5em auto 0 2em;
             float: left;
         }
         									
#righthalf	{float: right;					/* and a righthalf box (inside "content") */
             margin:0.5em 2em 0 auto;
             width: 40%;
	     }  
	     
#lefthalf a, #righthalf a					/* and a lefthalf box (inside "content") */
			{color: #660000;
			 background: #6666ff;
			 padding: 0 0.5em 0 0.5em;
		 }
		 									/* or there can be three adjacent boxes: */
#leftthird	{margin: 1.5em 3%  0 6%;		/* a left third, and */
		 }
#midthird	{margin: 1.5em 3% 0 3%;			/* a middle third */
		 }
#rightthird	{margin: 1.5em 6% 0 3%;  		/* and a right third */
		 }
#leftthird, #midthird, #rightthird
			{width: 25%;
			 float: left;
			 color: #660000;
			 background: url(./images/parabackground.jpg) repeat-y;
		 }
#leftthird a, #midthird a, #rightthird a, #leftthird ul, #midthird ul, #rightthird ul
			{color: #660000;
			 background: transparent;
		 }
#leftthird.story, #midthird.story
			{background: transparent;
			 color: white;
			 font-size: 100%;
		 }		 

/*-----------------------------------------------------------------------------*/		 
/*Product Specials Page - Container & Paragraph Definitions: */
/*Definition of several small containers to go inside "tophalf" or similar:*/
/*-----------------------------------------------------------------------------*/

#specialdescription, #eyecatcher, #codeprice, #bundle
			{width: 30%;
			 margin: 1% auto 1% auto;
			 padding: 1%;
			 color: white;
			 background: transparent;
			 border: 1px solid white;
			 float: left;
		 }
		 
#specialdescription p
			{font-size: 130%;}		 
		 
#image		{width: 30%;
			 margin: 1% auto 1% auto;
			 padding: 1%;
			 color: white;
			 background: white;
			 border: 1px solid red;
			 text-align: center;
			 float: left;
		 }
		 
#image img	{margin: 2% auto auto auto;
		 }

		 

			 
			 
		 
/*---------------------------------------------------------------------------------------------------
END OF OUTER AND INNER CONTENT BOX FORMAT DEFINITIONS
-----------------------------------------------------------------------------------------------------*/

#pricelist	{color: #000000;
			 background: none;
	     }	
#productgroupitem1, #productgroupitem2, #productgroupitem3, #productgroupitem4, #productgroupitem5, 
#productgroupitem6, #productgroupitem7, #productgroupitem8, #productgroupitem9, #productgroupitem10
			{margin: 1%;
			 width: 22%;
			 padding: 2% 2% 2% 2%;
			 font-size: 120%;
			 line-height: 110%;			 
			 color: #333366;
			 background: white url(./images/parabackground.jpg) repeat-y;
			 float: left;
		 }	     
	     
#pamphletleft, #pamphletright
			{ border: solid 1px black;
			  width: 60%;
			  color: #880033;
			  background: /*transparent;*/ #b0b0ff;
			  margin: 2% 0 0 2%;
			  padding: 1%;
			  float: left;
		  }	 
#pamphletright
			{ width: 25%;
			  float: right;
		  }
		  
#pamphletright ul
			{ margin: 0.5em auto 0 1em;
			  /*border: 1px solid black;*/
		  }	
#pamphletright li
			{ /*border: 1px solid black;*/
			  margin: 0 auto 0.2em 0.2em;
		  }
#pamphletright p
			{ font-size: 90%;
			  border: none;
			  width: 100%;
			  margin: 0.2em;
			  padding: 0;
			  color: #660000;
			  background: none;
			  text-align: left;
			  
		  }
			  
			  	  
	     
#clearfloat {clear: both; 
         }
         
/* CSS TABLE PROPERTIES AND VALUES */
table           { font-size: 100%;
				  margin: 0 auto 0 auto; 
				  width: 90%;
				  border: solid 1px white;
				  color: blue;
				  background: transparent;
			  }
table a			{ color: yellow;
				  background: transparent;
			  }			  

td, th          { border: none;
			  }
th              { font-weight: bolder;}	
td  			{ margin: 0 auto 0 auto;
				  color: #ffffff;
				  background: transparent;
				  text-align: default;
			  }

td.item			{width: 12%;}
td.image		{background: white; 
                 width: 23%;
             }
td.description	{width: 45%;}
em			    {color: yellow;
				 background: transparent;
			 }
td.price		{width: 10%; }
		  
caption         { font-weight: bold;
                  font-size: 130%;
              }


/* END OF STYLE SHEET */