/*

	CSS styles
	Clent: MMC
	Website: www.mmcltd.org.uk
	Design: kdesigngroup
	Filename: screen.css

	blue:   00568e
	
	link
	visited
	hover
	active

*/
.BlueLine{
	color: #004c92;
	width: 75%;
	border-style: dotted;
	border-width: 0.5px;
}
body { background: #eee; font-family: Verdana, Arial, Helvetica, Geneva, Trebuchet MS, sans-serif; font-size: 11px; color: #666; margin: 0; padding:0; }
img { border: 0; }
form, textarea { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, Geneva, Trebuchet MS, sans-serif; font-size:11px; }
ul,ol,li,pre,form,html,p,blockquote,fieldset,input { margin:0; padding:0; font-family: Verdana, Arial, Helvetica, Geneva, Trebuchet MS, sans-serif; }
h1,h2,h3,h4,h5,h6 { color:#00568e; margin:0; padding:0; }

p { color: #999; line-height: 150%;  }

a, a:link, a:visited, a:hover, a:active { color: #004c92; text-decoration:underline; }

select  { border:1px solid #999; padding:3px; }
legend { display:none; }
fieldset { border:none; }

#wrapper { margin:auto; padding:15px; width:960px; background: url(../images/common/bottom.gif) #fff no-repeat left bottom; }
#headerwrapper { height:100px; background: url(../images/common/header-background.gif) repeat-x; }
#backgroundwrapper { margin:auto; padding:0; }
#introwrapper { background: url(/images/bgnd04.gif) repeat-x; margin:auto; padding:0; clear:both; }
#homewrapper { background: url(/images/bgnd06.gif) repeat-x; margin:auto; padding-top:30px; clear:both; }

#navcontainer { margin:0; padding:0; }
#headercontainer { margin:0; padding:60px 0 20px 300px; background: url(../images/common/logo.gif) no-repeat; }

#container { margin: 0; padding: 0; background-color: #fff; }

/* breadcrumbs */

#breadcrumb { padding:0 0 15px 0; margin:0; }
#breadcrumb p { color:#00568e !important; line-height:100%; margin:0 !important; padding:0 !important; }
#breadcrumb p a, #breadcrumb p a:link, #breadcrumb p a:visited, #breadcrumb p a:hover, #breadcrumb p a:active { color:#00568e; }

/* for home page - narrow column on left */

#containerhome { padding:0 0 20px 0; clear: both; margin:0; width:900px; }
#containerhome p { font-size:11px; margin-bottom:10px; color:#666; }
#containerhome_left { width: 290px; padding: 0; margin: 0; float: left; position: relative; background: url(../images/common/col-left-background.gif) repeat-x #eee left 200px; }
#containerhome_left h2 { font-family:"Optima", Georgia, "Times New Roman", Times, serif; color:#07457a; margin-bottom: 10px; font-size:24px; font-weight:normal; line-height:100%; }
#containerhome_left h3 { font-family:"Optima", Georgia, "Times New Roman", Times, serif; color:#333; margin-bottom: 10px; font-size:16px; font-weight:normal; line-height:100%; }
#containerhome p { font-size:11px; margin:0; color:#666; }

#titlecontainer { margin: 0; padding:40px 20px 0 30px ; background: url(../images/common/home-background.jpg) #004c92; height:260px }
#titlecontainer h2 { font-size: 24px; margin: 0; padding-bottom: 10px; line-height:130%; color:#fff; }
#titlecontainer h3 { font-size: 15px; padding-bottom: 10px; line-height:150%; color:#fff; }

/* containers for page content (class) */

.container1 { margin:20px 20px 0 30px; clear: both; border-bottom:2px solid #ddd; padding:0 0 20px 0; overflow: hidden; width:470px; }
.container1 p { padding-bottom: 10px; }
.container1 p.nopad { padding: 0; margin:0; }
.container1_left { width: 525px; padding: 0; float: left; position: relative; }
.container1_right { width: 250px; padding: 0; float: right; position: relative; }
.container1 h4 { margin-bottom: 10px; font-size:20px; font-weight:normal; line-height:100%; color:#004c92; }
.container1 h5 { margin-bottom: 10px; font-size:14px; font-weight:normal; line-height:100%; color:#666; }

.container2 { padding:20px 20px 0 30px; clear: both; overflow: hidden; }
.container2 p { padding-bottom: 10px; }
.container2 p.nopad { padding: 0; margin:0; }
.container2_left { width: 220px; padding: 0; float: left; position: relative; }
.container2_right { width: 220px; padding: 0; float: right; position: relative; }
.container2 h4 { margin-bottom: 10px; font-size:20px; font-weight:normal; line-height:100%; color:#004c92; }
.container2 h5 { margin-bottom: 10px; font-size:14px; font-weight:normal; line-height:100%; color:#666; }

/* narrow column on left */

#container3 { padding:10px 0 10px 0; clear: both; margin:auto; }
#container3 p { font-size:11px; margin-bottom:10px; color:#666; }
#container3 p.nopad { padding: 0; margin:0; }
#container3 p.intro { font-size:11px; margin-bottom:10px; color:#666; font-weight:bold; }
#container3_left { width: 700px; padding: 0 25px 0 25px; margin: 0; float: left; position: relative; }
#container3_left ul { margin:20px 0 20px 10px; line-height:150%; }
#container3_left ul li { line-height:150%; padding-bottom:10px; }
#container3_left h2 { font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; font-size:20px; font-weight:normal; line-height:100%; }
#container3_left h3 { font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; margin-top:20px; font-size:16px; font-weight:normal; line-height:100%; }
#container3_left h4 { margin-bottom: 10px; font-size:16px; font-weight:normal; line-height:100%; color:#666; }



#container3_right { width: 190px; padding: 0; margin: 0; float: right; }

/* 3 column layout */

#container4 { width: 800px; margin: auto; padding:25px 0 0 0; clear: both; }
#container4 p { margin:10px 0 0 0; padding:0; }
#container4 h3 { padding: 0; margin: 0; font-size:20px; font-weight:normal; text-transform:lowercase; line-height:100%; }
#container4 h4 { padding: 0; margin: 0; font-size:16px; font-weight:normal; text-transform:lowercase; line-height:100%; }
#container4_left { width: 250px; padding: 0; margin: 0; float: left;  position: relative; }
#container4_center { width: 250px; padding: 0; margin: 0 0 0 25px; float: left; position: relative; }
#container4_right { width: 250px; padding: 0; margin: 0 0 0 25px; float: right; position: relative; }

.formwrapper { padding:5px 0 0 0; clear: both; }
.formcontainer1 { padding:5px 0 5px 0; border-bottom:1px solid #ddd; width:650px; }
.formcontainer1 p {  margin:0 !important; padding:0 !important; }
.formcontainer1 h3 { font-size:20px; font-weight:normal; text-transform:lowercase; line-height:100%; }
.formcontainer1_left { width: 300px; padding: 0; margin: 0; float: left; position: relative; }
.formcontainer1_right { width: 300px; padding: 0; margin: 0 0 0 25px; float: left; position: relative; }
.formcontainer2 { padding:15px 0 15px 0; border-bottom:5px solid #ddd; width:650px; }
.formcontainer3 { padding:15px 0 15px 0; width:650px; }

#maincontent { padding: 15px; background-color:#fff; }

#footerwrapper { clear: both; }
#footer { padding:25px 0 25px 0; margin:auto; clear: both; color:#666; width:940px; }
#footer p { color:#666; margin:0 0 10px 0; padding:0; line-height:normal; }
#footer h5 { color:#666; margin:0; padding:0 0 5px 0; font-size:12px; font-weight:bold; }

#footer a, #footer a:link { color:#666; text-decoration:none; font-weight:normal; }
#footer a:hover { text-decoration:underline; }

.clear { clear:both; height:0; font-size: 0px; }

.imageleft { float:left; margin: 0 20px 10px 0; }
.imageright { float:right; margin: 0 0 10px 20px; }

.newsimageleft { float:left; margin: 0 20px 10px 0; }
.newsimageright { float:right; margin: 0 0 10px 20px; border:2px solid #eee; }


/* forms */

.field { background: url(../images/common/field.gif) no-repeat; border:1px solid #999; padding:3px; }

.accessibility { display: none; }
.skip { display:none; }

#navlist ul { float:right; }
#navlist ul li	{ list-style:none; display: inline; text-transform:uppercase; font-size:11px; }
#navlist ul li a, #navlist ul li a:link { float:left; color: #00568e; text-decoration: none; margin: 0; display: block; padding:8px 10px 0 8px; font-weight:normal; height:20px; border-right:2px solid #00568e; }
#navlist ul li a:hover { color: #00568e; background-color:#e8e9ea; height:20px; }
#navlist ul li a#navcurrent, #navlist ul li a#navcurrent:link { color: #fff; text-decoration: none; padding: 8px 10px 0 8px; margin: 0; display: block; border: 0; background-color:#00568e; height:20px; border-right:2px solid #00568e; }

#navlist ul li a.lastitem, #navlist ul li a.lastitem:link, #navlist ul li a.lastitem:link { color: #00568e; text-decoration: none; padding:8px 10px 0 8px; margin:0; display: block; border-right:none; }
#navlist ul li a.lastitem:hover { color: #00568e; background-color:#e8e9ea; height:20px; }
#navlist ul li a.lastitemcurrent, #navlist ul li a.lastitemcurrent:link, #navlist ul li a.lastitemcurrent:visited { color: #004c92; padding:8px 10px 0 8px; text-decoration: none; margin: 0; display: block; border: 0; background-color:#ddd; }
#navlist ul li a.lastitemcurrent:hover { color: #fff; padding:8px 10px 0 8px; text-decoration: none; margin: 0; display: block; border: 0; background-color:#00568e; height:20px; }

/* for single column */

#subnavlist { padding:0; margin:10px 10px 0 10px; }
#subnavlist ul { color: #00568e; }
#subnavlist ul li { list-style:none; text-decoration: none; margin: 0; display:block; font-size:11px; }
#subnavlist ul li a, #subnavlist ul li a:link, #subnavlist ul li a:visited { display: block; text-decoration: none; color: #00568e; padding:5px 2px; border-bottom: 1px solid #fff; }
#subnavlist ul li a:hover, #subnavlist ul li a:active { background-color:#ccc; }
#subnavlist ul li a#subnavcurrent, #subnavlist ul li a#subnavcurrent:link { color: #004c92; background-color:#eee; }

#subnavlist ul li a.lastitem, #subnavlist ul li a.lastitem:link, #subnavlist ul li a.lastitem:link { display: block; text-decoration: none; color: #00568e; padding:5px 2px; border-bottom:none }
#subnavlist ul li a.lastitem:hover { background-color:#ccc; }

#subnavlist ul li span { color:#999; font-weight:normal; }


#newslist { padding:0; margin:0; }
#newslist ul { color: #00568e; padding:0; margin:0; }
#newslist ul li { list-style:none; text-decoration: none; margin: 0; display:block; font-size:12px; padding:0; }
#newslist ul li a, #newslist ul li a:link, #newslist ul li a:visited { display: block; text-decoration: none; color: #00568e; padding:5px; border-bottom: 1px solid #eee; }
#newslist ul li a:hover, #newslist ul li a:active { background-color:#eee; }
#newslist ul li a#newscurrent, #newslist ul li a#newscurrent:link { color: #004c92; background-color:#eee; }

#newslist ul li a#newslastitem, #newslist ul li a#newslastitem:link, #newslist ul li a#newslastitem:link { display: block; text-decoration: none; color: #00568e; padding:5px; border-bottom:none }
#newslist ul li a#newslastitem:hover { background-color:#eee; }

#newslist ul li span { color:#999; font-weight:normal; }

.subnavlist2 { padding:0; margin:10px 10px 0 10px; }
.subnavlist2 ul { color: #00568e; }
.subnavlist2 ul li { float:left; width:50%; list-style:none; display: block; text-decoration: none; color: #00568e;  font-size:10px; }
.subnavlist2 ul li a, .subnavlist2 ul li a:link, .subnavlist2 ul li a:visited { display: block; text-decoration: none; color: #00568e; padding:5px 2px; border-bottom: 1px solid #fff;}
.subnavlist2 ul li a:hover, #subnavlist2 ul li a:active { background-color:#ccc; }
.subnavlist2 ul li a.lastitem { list-style:none; display: block; text-decoration: none; color: #00568e; padding:5px 2px; border-bottom:none; font-size:10px; }

.featureslist { padding:0; margin:10px 10px 0 10px; }
.featureslist ul { color: #00568e; }
.featureslist ul li { list-style:none; display: block; text-decoration: none; color: #00568e; padding:5px 2px; border-bottom: 1px solid #fff; font-size:13px; }
.featureslist ul li.lastitem { list-style:none; display: block; text-decoration: none; color: #00568e; padding:5px 2px 0 2px; border-bottom:none; font-size:13px; }

.serviceslist { padding:0; margin:30px 10px 0 0; width:680px; }
.serviceslist ul { color: #00568e; margin:0 !important; padding:0 !important; }
.serviceslist ul li { float:left; list-style:none; text-decoration: none; display:block; font-size:10px; }
.serviceslist ul li a, .serviceslist ul li a:link, .serviceslist ul li a:visited { float:left; display: block; text-decoration: none; color: #fff; padding:15px; font-size:16px; line-height:100%; }


.serviceslist ul li a#f, .serviceslist ul li a#f:link { float:left; background:url(../images/fulfilment.gif) no-repeat; width:252px; height:72px; margin:0 20px 0px 0 !important; }
.serviceslist ul li a#ecom, .serviceslist ul li a#ecom:link {float:left; background:url(../images/ecommerce.gif) no-repeat; width:252px; height:72px;  margin:0 0 0px 0 !important; }
.serviceslist ul li a#rh, .serviceslist ul li a#fh:link {float:left; background:url(../images/response.gif) no-repeat; width:252px; height:72px; margin:0 20px 0 0 !important; }
.serviceslist ul li a#dm, .serviceslist ul li a#dm:link {float:left; background:url(../images/database.gif) no-repeat; width:252px; height:72px; margin:0 0 0 0 !important; }

.serviceslist ul li span { font-size:10px; }

.serviceslist2 { padding:0; margin:20px 10px 0 0 !important; width:680px; }
.serviceslist2 ul { color: #00568e; margin:0 !important; padding:0 !important; }
.serviceslist2 ul li { float:left; list-style:none; text-decoration: none; display:block; font-size:10px; padding:0; margin:0 !important; }
.serviceslist2 ul li a, .serviceslist2 ul li a:link, .serviceslist2 ul li a:visited { float:left; display: block; text-decoration: none; color: #fff; padding:20px 0 0 10px; font-size:11px; line-height:100%; }
.serviceslist2 ul li a:hover, #subnavlist2 ul li a:active { text-decoration:underline; }

.serviceslist2 ul li a#f, .serviceslist2 ul li a#f:link { float:left; background:url(../images/fulfilment-small.gif) no-repeat; width:155px; height:30px; margin:0 !important; }
.serviceslist2 ul li a#ecom, .serviceslist2 ul li a#ecom:link {float:left; background:url(../images/ecommerce-small.gif) no-repeat; width:155px; height:30px;  margin:0 !important; }
.serviceslist2 ul li a#rh, .serviceslist2 ul li a#fh:link {float:left; background:url(../images/response-small.gif) no-repeat; width:155px; height:30px; margin:0 !important; }
.serviceslist2 ul li a#dm, .serviceslist2 ul li a#dm:link {float:left; background:url(../images/database-small.gif) no-repeat; width:155px; height:30px; margin:0 !important; }


a.boldbuttons{
background: transparent url(../images/common/more-left.gif) no-repeat top left;
display: block;
float: left;
font: normal 11px Verdana;
line-height: 20px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 28px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;


}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: #004c92;
}

a.boldbuttons span{
background: transparent url(../images/common/more-right.gif) no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
background: transparent url(../images/common/more-left-on.gif) no-repeat top left;
}

.buttonwrapper{
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */

}

.box1 { background:url(../images/common/corner.gif) #e8e9ea no-repeat right top; padding-bottom:10px;  }
.box1 h3 { padding: 10px 10px 0 10px; margin:0; font-size:14px; font-weight:normal; line-height:100%; }
.box1 h4 { padding: 10px 10px 0 10px; margin:0; font-size:14px; font-weight:normal; line-height:100%; }

.box2 { background:url(../images/common/corner.gif) #e8e9ea no-repeat right top; padding-bottom:10px; margin-top:10px;  }
.box2 h3 { padding: 10px 10px 0 10px; margin:0; font-size:14px; font-weight:normal; line-height:100%; }
.box2 h4 { padding: 10px 10px 0 10px; margin:0; font-size:14px; font-weight:normal; line-height:100%; }

/*Example CSS for the two demo scrollers*/

#pscroller1 { width: 160px; height: 150px; padding: 10px; padding-top:0; }
.someclass{ width:150px !important; }

.formfocus { background-color:#e5eef3; border:1px solid #00568e; padding:3px; color:#00568e; }
.formblur { background: url(../images/common/field.gif) no-repeat; border:1px solid #999; padding:3px; }
.formbutton1 { background-color:#00568e; color:#fff; padding:3px; font-size:12px; }


.LinkDiv{


	
	background-color: #EEEEEE;
	width: 200px;
	margin: 10px;
	padding: 0px;

	text-align: center;

	float: left;
}
.LinkDiv h1{
	font: lighter 200% "Trebuchet MS",
	Arial sans-serif;
	color: #208BE1
}
.LinkDiv h1,p{
	margin:0;
	padding:10px 20px;
	
}

.LinkDivContent{
	height: 90px;

}


div#box{}
h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #208BE1}
h1,p{margin:0;padding:10px 20px}

/*
Add News Form
*/
.TitleField {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color:#00568e; font-size:15px; width: 604px;}
.SmallDescTxtBox{ text-decoration: none; color: #00568e; padding:5px 2px; font-size:11px; }


.TextLink{
	color: Blue !important;
	text-decoration: none !important;
}

.TextLink:hover{
	color: #000 !important;
		text-decoration: none !important;

}

.DeleteLink{
	color: red !important;
	text-decoration: none !important;
}
.DeleteLink:hover{
	color:#820000 !important;
}


.Directions ul{
	
}
.Directions li{
margin-left: 20px;
	padding: 5px;
	list-style-type: upper-alpha;
}

.DocBox {
	padding: 10px 10px 10px 10px;
	background: url(../images/btn_doc-off.jpg) no-repeat;
	height: 115px;
	width: 186px;
	float:left;
	margin: 0px 10px 10px 10px;
	text-decoration:none;
	color: #666666;
}


.TestBox {
	padding: 10px;
	background: url(../images/btn_doc-off.jpg) no-repeat;
	height: 115px;
	width: 186px;
	margin: 0px 10px 100px 10px;
	text-decoration:none;
	color: #666666;
}


.InfoBox {
	padding: 10px 10px 10px 10px;
	background: url(../images/btn_Info-off.jpg) no-repeat;
	height: 115px;
	width: 186px;
	float:left;
	margin: 0px 10px 10px 10px;
	text-decoration:none;
	color: #666666;
}
.ABCSelect {position:relative; height:18px; font-family:"Courier New", Courier, monospace;}
.ABCSelect a:link{padding: 4px 5px 0px 5px !important; line-height:20px; text-decoration: none;}
.ABCSelect a:visited{padding: 4px 5px 0px 5px !important; line-height:20px; text-decoration: none;}
.ABCSelect a:hover{font-size: 18px; font-weight: bold; padding: 0px 4px 0px 2px !important; line-height:1px; text-decoration: none;}


.ErrorBox{
	border: 1px solid red;
	color: red;
	background-color:#FFCCCD;
	width: 400px;
	padding: 15px;
	text-align:left;
	
}

.ContactFrame {
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 460px;
}

.HidePageDiv{
	width: 100%;
	z-index: 2;
	position:fixed;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #000;
	opacity: 0.5;
	filter:alpha(opacity=70); /* IE patch */
	margin: 0;
	padding: 0;
}