/* CSS Document */
body, p, li, td, h1, h2, h3, h4, h5, div, span, input, select, option {font-family: "Trebuchet MS", Arial, "MS Sans Serif", helvetica; margin: 0; padding: 0}


body {background-color: #a0a0a0; background-image:url(../../common/images/layout/bg.jpg); background-repeat:repeat-x; padding:0px; margin-left:0px; margin-top:0px; background-position:top;}
	
p, li, td, th, div, span, input, select, option {
	font-size: 11px;
}

/* Layout Tables */

.maintable {
	background-color:#fff;
	width:970px;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #999;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.table100 		{width:100%}
.tablesidequote {
	width:200px;
	background-image: url(../images/module/module_bg.png);
	background-repeat: repeat-y;
	background-color: #D0D9DE;
	color: #FFFFFF;
}

.tablebreadcrumbs {width:770px;}

/* Text  */

p						{padding-top:5px; padding-bottom:5px}
h1						{font-size:20px; padding-top:5px; padding-bottom:5px}
h2						{font-size:14px; padding-top:8px; padding-bottom:8px; font-weight:bold; color:#59595b;}
.h1						{font-size:20px; padding-top:5px; padding-bottom:5px}
.h2						{font-size:14px; padding-top:8px; padding-bottom:8px; font-weight:bold; color:#59595b;}
h3						{font-size:12px; font-weight:bold;}
h4						{font-size:11px;}

a 						{color: #ff9c00; text-decoration:none; font-weight:bold;}
a:hover 				{color: #ff9c00; text-decoration:underline; font-weight:bold;}
a:visited 				{}

.crumbs 				{color: #FFFFFF; font-size: 11px;text-align:left;}
.crumbs a:link 			{color: #FFFFFF; text-decoration:none;}
.crumbs a:visited 		{color: #FFFFFF; text-decoration:none;}
.crumbs a:hover 		{color: #4A7CDA; text-decoration:none;}

.crumbs2 				{color: #FFFFFF; font-size: 11px;text-align:right;}
.crumbs2 a:link 		{color: #FFFFFF; text-decoration:none;}
.crumbs2 a:visited 		{color: #FFFFFF; text-decoration:none;}
.crumbs2 a:hover 		{color: #4A7CDA; text-decoration:none;}

.textheader				{color: #999999; font-size:10px; text-align:center;}
.textheader a:link 		{color: #999999; text-decoration:none;}
.textheader a:visited 	{color: #999999; text-decoration:none;}
.textheader a:hover 	{color: #4A7CDA; text-decoration:none;}

.textfooter				{color: #999999; font-size:11px; line-height: 20px;}
.textfooter a:link 		{color: #999999; text-decoration:none;}
.textfooter a:visited 	{color: #999999; text-decoration:none;}
.textfooter a:hover 	{color: #4A7CDA; text-decoration:none;}
.footertext				{color: #e2e2e2; font-size:10px; line-height: 10px;}

/* Coloured Header Text  */

.hcorporate			{color: #EA7125;}
.h1merchant			{color: #663333;}
.h2merchant			{color: #a33038;}
.h1manufacturing	{color: #5b6335;}
.h2manufacturing	{color: #5a8e22;}
.h1distribution		{color: #003846;}
.h2distribution		{color: #009abc;}
.h1services			{color: #909000;}
.h2services			{color: #B8B800;}

.h2link				{font-size:13px; padding-top:5px; padding-bottom:5px; font-weight:bold; color:#59595b;}
.h2link a:link		{font-size:13px; padding-top:5px; padding-bottom:5px; font-weight:bold; color:#59595b;}
.h2link	a:visited	{color:#59595b !important;}
.h2link	a:hover 	{color:#59595b !important; text-decoration:underline !important;}

.featureheader				{color: #ffaf00; font-size:14px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.featureheader  a:link		{color: #ffaf00; font-size:14px !important; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}
.featureheader	a:visited	{color: #ffaf00; font-size:14px !important; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}
.featureheader 	a:hover		{color: #ffaf00; font-size:14px !important; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; text-decoration:underline;}

.sidemenu			{color: #666666 !important; font-size:11px; background-image:url(../images/layout/menu_arrow.gif); background-repeat:no-repeat; padding-left:14px;}
.sidemenu a:link	{color: #666666 !important; font-size:11px;}
.sidemenu a:visited	{color: #666666 !important; font-size:11px;}
.sidemenu a:hover	{color: #666666 !important; font-size:11px;}
.sidemenu2			{color: #999999 !important; font-size:11px;}
.sidemenu2 a:link	{color: #999999 !important; font-size:11px;}
.sidemenu2 a:visited {color: #999999 !important; font-size:11px;}
.sidemenu2 a:hover	{color: #999999 !important; font-size:11px;}

/* Dark Grey Navigation Bar */

.tocbg {background-color:#4d4d4d;}

/* Light Grey Navigation Bar */

.menubg {
	background-color:#CCCCCC;
	line-height: 22px;
}


/* .menubg 				{background-color:#EEEEEE;	line-height: 22px;}  */
/* .crumbs 				{color: #999999; font-size: 11px; text-align:left;}*/
/* .crumbs a:link 		{color: #999999; text-decoration:none;}*/
/* .crumbs a:visited 	{color: #999999; text-decoration:none;}*/
/* .crumbs a:hover 		{color: #4A7CDA; text-decoration:none;}*/


li.item_menu {
	margin-left: -10px;
	padding-top:4px;
}


img.wborder {
	border: 1 solid #FFFFFF;
}


.qform {
	background-color: #FFCC66;
	font-size: 0.8em;
	padding: 1em 0.5em 0.5em 0.5em;
	width:200;
	height:180px;
}
.qform input {
	font-size: 0.8em;
}
.sprymenu {
	padding: 0.1em 0.1em 0.1em 0.1em;
}
li.sprymenu {
	list-style:none;
}
ul.sprymenu {
	margin-left: 0
}



.ImageBorder {border: double #e4e4e4 3px; margin:5px; border-width: 10px; -webkit-border-image: url("../../common/images/layout/ImageBorder.png") 10;}

.ImageNoBorder {border: 0px; margin:20px;}

.featurebox {background:#f0f1f1; width:186px; padding:8px; margin-top:10px; margin-bottom:10px; float:left;}
/* Total width of featurebox needs to be 202px */
* html .featurebox {width: 202px;}

.featureboxcontent {background:#f0f1f1; width:186px; padding:8px; margin-top:10px; margin-bottom:10px; margin-left:10px; float:right;}
/* Total width of featurebox needs to be 202px */
* html .featureboxcontent {width: 202px;}