/*
============================================================
CSS Design Specification for MerxMotion
============================================================

Primary Colour: 	#783C34
Secondary Colour: 	#5FA640
Tertiary Colour: 	#F3ED86

*/

/*	
------------------------------------------------------------
GENERAL SELECTORS		
------------------------------------------------------------
*/

BODY,TD,P,LI	{
		font-family: "Arial";
		font-size: 11px;
		color: #000000;
		vertical-align: top;
		}
		
INPUT,TEXTAREA,SELECT
		{
		font-size: 10px;
		font-family: "Arial";
		color: #000000;
		}

A		{
		color: #000000;
		text-decoration: underline;
		}

A:hover		{
		color: #783C34;
		}
		
HR		{
		border: 1px solid;
		border-color: #5FA640;
		height: 1px;
		}
				
/*
------------------------------------------------------------
HEADING SELECTORS
------------------------------------------------------------
*/

H1		{
		font-family: "Arial Black";
		font-size: 11px;
		font-weight: normal;
		color: #5FA640;
		text-transform: uppercase;
		}
		
H1:hover		{
		color: #000000;
		}
		
H2		{
		font-family: "Arial";
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		text-transform: uppercase;
		}
		
H2:hover	{
		color: #000000;
		}
		
H3		{
		font-family: "Arial";
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		}
		
H4		{
		font-family: "Arial";
		font-size: 10px;
		font-weight: bold;
		color: #000000;
		text-transform: uppercase;
		}
		
H5		{
		font-family: "Arial";
		font-size: 10px;
		font-weight: bold;
		color: #000000;
		}

/*
------------------------------------------------------------
MENU CLASSES
------------------------------------------------------------
*/
#mainmenu{margin-top:-11px;*margin-top:0px;margin-left:-6px}
#mainmenu li{width:114px;height:20px;float:left;list-style:none;background: url("graphics/menubgoff.gif") no-repeat top right;padding-top: 15px;}
#mainmenu li:hover{color: #783C34;background: url("graphics/menubg.gif");}

#mainmenu ul li a {
		color: #BBBBBB;
		font-family: "Arial Black";
		font-size: 10px;
		text-transform: uppercase;
		text-decoration: none;
		}
#mainmenu ul li a:hover {color: #783C34;}
#mainmenu ul li.menuleftend,#mainmenu ul li.menurightend { display: none; } 



		
/*
------------------------------------------------------------
SUB-MENU CLASSES
------------------------------------------------------------
*/

.menusub		{margin-left:30px;
		width:126px;
		height:23px;
		*height:26px;
		padding-top: 5px;
		*padding-top: 6px;
		color: #5FA640;
		font-family: "Arial";
		font-size: 10px;
		font-weight:bold;
		text-decoration: none;float:left;
		}
		
.menusub:hover	{
		background: url("graphics/submenubg.gif");
		color: #783C34;
		}
		
.menusub:active	{
		color: #783C34;
		background: none;
		}
		
		
		
.ad{margin-top:40px}		

/*
------------------------------------------------------------
CATALOGUE CLASSES
------------------------------------------------------------
*/

.pname		{
		font-family: "Arial";
		font-size: 12px;
		font-weight: bold;
		width: 100%;
		color: #000000;
		border: 0px solid;
		border-color: #D0D0D0;
		border-bottom-width: 1px;
		text-transform: uppercase;
		}

.pname:hover	{
		border: 0px dotted;
		border-color: #808080;
		border-bottom-width: 1px;
		}

.pprice		{
		font-family: "Arial";
		font-size: 11px;
		font-weight: bold;
		color: #808080;
		width:80px;
		text-transform: uppercase;
		}

.pdesc		{
		font-family: "Arial";
		font-size: 11px;
		font-weight: normal;
		color: #000000;
		}

.pnote		{
		font-family: "Arial";
		font-size: 9px;
		font-weight: normal;
		color: #808080;
		}

.pfunction	{
		border: 1px solid;
		border-color: #B0B0B0;
		background-color: #FFFFFF;
		height:20px;
		width:100px;
		}

.pimg		{
		}

.pdname		{
		}

.pdimg		{
		}
		
.ppagelist		{
		color: #000000;
		font-family: "Arial";
		font-size: 10px;
		text-decoration: none;
		text-transform: uppercase;
		padding: 0 6px 0 6px;
		border: 1px solid;
		border-color: #FFFFFF;
		}		
	
.ppagelist:hover
		{
		background-color:#D0D0D0;
		border-color: #808080;
		}
	
.pspectable	{
		background-color:#808080;
		color: #FFFFFF;
		font-family:  "Arial";
		font-size: 10px;
		font-weight: bold;
		}
	
.pspec		{
		background-color:#FFFFFF;
		font-family: "Arial";
		font-size: 10px;
		font-weight: normal;
		}
	
.pspeccell		{display:none;
		background-color:#D0D0D0;
		font-family: "Arial";
		font-size: 10px;
		font-weight: normal;
		}
		
/*
------------------------------------------------------------
OTHER  CLASSES
------------------------------------------------------------
*/

.logo		{
		color: #848385;
		font-family: "Haettenschweiler";
		font-size: 20pt;
		font-variant: small-caps;
		letter-spacing: 2px;
		}
		
.menuname	{
		font-family: "Arial";
		font-size: 15px;
		font-weight: bold;
		color: #783C34;
		text-transform: uppercase;
		padding-bottom: 7px;
		border: 0px solid;
		border-color: #5FA640;
		border-bottom-width:1px;
		}

.cright		{
		vertical-align:bottom;
		font-family: "Arial";
		font-size: 9px;
		font-weight: normal;
		color: #783C34;
		text-decoration:none;
		}

.cright:link	{
		font-weight: bold;
		color: #000000;
		}

.cright:hover	{
		color: #783C34;
		}

/*
------------------------------------------------------------
SKIN-SPECIFIC CLASSES
------------------------------------------------------------
*/

.sidegraphic	{
		padding: 0 0 3px 2px;
		font-family: "Trebuchet MS","Arial";
		font-size: 16px;
		color: #303030;
		letter-spacing: 5px;
		}