/*
============================================================
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: 12px;
		color: #000000;
		vertical-align: top;
		}

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

A		{
		color: #354C9B;
		text-decoration: none;
		}

A:hover		{
		color: #cc3300;
		}
		
HR		{
		border: 1px solid;
		border-color: #354C9B;
		height: 1px;
		}
				
/*
------------------------------------------------------------
HEADING SELECTORS
------------------------------------------------------------
*/

H1		{
		font-family: "Trebuchet MS", "Arial";
		font-size: 18px;
		font-weight: normal;
		color: #354C9B;
		text-transform: uppercase;
		padding: 0 0 20px 0;
		line-height: 18px;
		}
		
H1:hover		{
		color: #8DC7F4;
		}
		
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: #354C9B;
		}
		
H2:hover		{
		color: #ffffff;
		}
		
H3		{
		font-family: "Arial Black";
		font-size: 14px;
		font-weight: normal;
		color: #354C9B;
		text-transform: uppercase;
		border: 0px solid;
		border-color: #354C9B;
		border-bottom-width: 1px;
		text-decoration: none;
		}
		
H4		{
		font-family: "Arial";
		font-size: 10px;
		font-weight: bold;
		color: #FFE3A2;
		text-transform: uppercase;
		}
		
H5		{
		font-family: "Arial";
		font-size: 10px;
		font-weight: bold;
		color: #FFE3A2;
		}

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

#mainmenu {}
#mainmenu ul {list-style:none;padding:0;margin:0;}
#mainmenu ul li {display:inline;}
#mainmenu ul li a {
	height: 8px;		
	padding:  7px 10px 7px 10px;
	border: 0px solid;
	border-color: #808080;
	color: #ffffff;
	font-family: "Arial";
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
}
#mainmenu ul li a:hover {
	padding:  7px 10px 7px 10px;
	color: #8DC7F4;
		}

#adminmenu {}
#adminmenu ul {list-style:none;padding:0;margin:0;}
#adminmenu ul li {display:inline;}
#adminmenu ul li a {
	height: 8px;		
	padding:  7px 10px 7px 10px;
	border: 0px solid;
	border-color: #808080;
	color: #ffffff;
	font-family: "Arial";
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
}
#adminmenu ul li a:hover {
	padding:  7px 10px 7px 10px;
	color: #8DC7F4;
		}
		
.menumain	{
		height: 8px;		
		padding:  7px 10px 7px 10px;
		border: 0px solid;
		border-color: #808080;
		color: #ffffff;
		font-family: "Arial";
		font-size: 9pt;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: 1px;
		}
		
.menumain:hover	{
		padding:  7px 10px 7px 10px;
		color: #8DC7F4;
		}

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

.menusub	{
		width: 100%;
		height: 22px;
		padding: 3px 10px 3px 10px;
		color: #354C9B;
		border: 0px solid;
		border-color: #354C9B;
		border-bottom-width: 1px;
		font-family: "Arial";
		font-size: 8pt;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: 1px;
		line-height: 17px;
		}
		
.menusub:hover	{
		color: #ffffff;
		background-color: #354C9B;
		}
		
.menusub:active	{
		color: #E7D04E;
		text-decoration: none;
		background-color: #354C9B;
		}

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

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

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

.pprice		{
		font-family: "Arial";
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		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: #000000;
		}

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

.pimg		{
		}

.pdname		{
		}

.pdimg		{
		}
		
.ppagelist		{
		color: #ffffff;
		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: #D6EECD;
		}
	
.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		{
		font-family: "Arial";
		font-size: 10px;
		font-weight: normal;
		background-color:#E6F4FF;
		}
		
/*
------------------------------------------------------------
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: 14pt;
		color: #354C9B;
		letter-spacing:2px;
		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;
		}

#phoneinfo {
width: 200px;
margin-left: 350px;
margin-top: 30px;
color: #fff;
text-align: center;
font-size: 14px;
}
#hbox { font-style:Italic;}
.hbox1 { }