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

Primary Colour: 	#535F67	(MABG Blue)
Secondary Colour: 	#D8A777	(Logo Orange)
Tertiary Colour: 	#808080	(MMBG Grey)

*/

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

BODY {
		font-family: "Arial";
		font-size: 11px;
		color: #000000;
		vertical-align: top;
		}

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

A		{
		color: #292981;
		text-decoration: none;
		}

A:hover		{
		color: #4F8FE6;
		}
		
HR		{
		border: 1px solid;
		border-color: #292981;
		height: 1px;
		}
				
/*
------------------------------------------------------------
HEADING SELECTORS
------------------------------------------------------------
*/

H1		{
		font-family: "Trebuchet MS", "Arial";
		font-size: 18px;
		font-weight: normal;
		color: #292981;
		text-transform: uppercase;
		padding: 0 0 20px 0;
		line-height: 18px;
		}
		
H1:hover		{
		color: #FF0000;
		}
		
H2		{
		font-family: "Trebuchet MS", "Arial";
		font-size: 9px;
		font-weight: bold;
		color: #FFFFFF;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: 7px;
		line-height: 14px;
		background-color: #292981;
		}
		
H2:hover		{
		color: #ffffff;
		}
		
H3		{
		font-family: "Arial Black";
		font-size: 14px;
		font-weight: normal;
		color: #292981;
		text-transform: uppercase;
		border: 0px solid;
		border-color: #292981;
		border-bottom-width: 1px;
		text-decoration: none;
		}
		
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
------------------------------------------------------------
*/

.menumain	{	
		height: 25px;
		padding:  7px 10px 7px 10px;
		border: 0px solid;
		border-color: #808080;
		color: #292981;
		font-family: "Arial";
		font-size: 9pt;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: 1px;
		vertical-align: bottom
		}
		
.menumain:hover	{
		color: #000000;
		background-color: #FFE400;
		}

.menumain:active{
		color: #9B8300;
		}
		
/*
------------------------------------------------------------
SUB-MENU CLASSES
------------------------------------------------------------
*/

.menusub	{
		width: 100%;
		height: 22px;
		padding: 7px 10px 7px 10px;
		color: #4F8FE6;
		font-family: "Arial";
		font-size: 8pt;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: 1px;
		line-height: 17px;
		}
		
.menusub:hover	{
		color: #000000;
		background-color: #FFE400;
		}
		
.menusub:active	{
		color: #E7D04E;
		text-decoration: none;
		}

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

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

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

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

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

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

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

.pimg		{
		}

.pdname		{
		}

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

.logo		{
		padding:  20px 0px 0px 50px;
		color: #ffcc00;
		font-family: "Haettenschweiler";
		font-size: 30pt;
		font-variant: small-caps;
		letter-spacing: 5px;
		}
		
.menuname	{
		font-family: "Arial";
		font-size: 12pt;
		color: #000000;
		letter-spacing:1px;
		height: 18px;
		font-weight: bold;
		text-transform: uppercase;
		}

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

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