@charset "UTF-8";
/* CSS Document */

body {
margin:0;
padding:0;
background:#fff url(images/body-bg.jpg) repeat-x top;
font:10pt Verdana, Arial, Helvetica, sans-serif;
}

#shadow {
position:absolute;
width:100%;
height:478px;
background:url(images/top-shadow.jpg) no-repeat top center;
margin:0 auto 0 auto;
z-index:-1;
}

a, p, li {
font:10pt Verdana, Arial, Helvetica, sans-serif;
margin-top:0;
padding-top:0;
}

a img {
border:none;
}

a.content_link {
color:#000;
text-decoration:none;
border-bottom:1px dashed #000;
}

a:hover.content_link {
color:#000;
border:none;
}

#topnavbar {
width:100%;
height:41px;
background:transparent url(images/top-nav.png) repeat-x;
z-index:1;
}

#topnavbar #contact_details {
margin:0 auto 0 auto;
width:892px;
color:#fff;
padding:8px 8px 0 0;
}

#topnavbar #contact_details #contactemail {
float:right;
}

#topnavbar #contact_details #contactemail a {
color:#fff;
text-decoration:none;
font-size:12pt;
}

#topnavbar #contact_details #contacttel {
float:left;
}

#topnavbar #contact_details span {
font:12pt Verdana, Arial, Helvetica, sans-serif;
}


#container {
width:900px;
margin:0 auto 0 auto;
padding:0 0 0 0;
/*border-left:1px solid #61713f;
border-right:1px solid #61713f;*/
display:block;
}

#header {
height:133px;
width:900px;
background:#f0fad5 url(images/inventory_management_services.gif) no-repeat 335px 45px;
padding:0;
margin:0;
}


#titlebar {
width:900px;
padding:8px 0 8px 0;
height:25px;
background-color:#60703e;
position:absolute;
top:140px;
border-top:solid 2px #d6dfc0;
border-bottom:solid 2px #bdc99d;
}

#titlebar h1, #titlebar h2 {
font:17pt Georgia, "Times New Roman", Times, serif;
color:#fff;
margin:0 0 0 260px;
text-align:center;
}

#content h2, #content_opener h2  {
font:13pt Verdana, Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
}

#menu_container {
width:285px;
position:absolute;
top:50px;
z-index:3;
margin:0 0 0 15px;
}

#menu_top {
height:30px;
width:285px;
background:url(images/menu-top.png);

}

#menu {
height:380px;
width:285px;
background:url(images/menu-bg.png);
z-index:2;
}

#menu ul li {
list-style:none;
margin:0 0 6px 0;

}

#menu ul li a {
font-size:11pt;
text-decoration:none;
color:#000;
}


#menu ul li a:hover, #menu ul li a:focus  {
text-decoration:underline;
}


#logo{
margin:0 0 0 32px;
}

#menu_bottom {
height:31px;
width:285px;
background:url(images/menu-bottom.png);

}

#content_opener {
width:520px;
margin:0;
padding:28px 50px 5px 330px;
background:#dce8c6 url(images/content_fade.jpg) repeat-x bottom;
display:block;
}

#content {
width:520px;
margin:0;
padding:20px 50px 5px 330px;
background-color:#EFFAE1;
display:block;
}

.info_box {
width:415px;
height:196px;
padding:100px 44px 0 44px;
margin:0 0 15px 0;
}

#content .info_box a, .info_box a:visited, #content_opener .info_box a, #content_opener .info_box a:visited {
color:#fff;
border:none;
text-decoration:none;
}

#content .info_box a:hover {
text-decoration:underline;
}

.info_box ul {
padding:0;
margin:0;
color:#fff;
}

.info_box ul li {
list-style:none;
margin:0 0 9px 0;
padding:0;
color:#fff;
font-size:13px;

}

.info_box#please_browse {
background:url(images/please_browse.jpg) no-repeat;
}

/* forms */

form.cmxform {
	width: 500px;
	font-size: 1.1em;
	color: #333;
	}
	
form.cmxform legend { padding-left: 0; }
	
form.cmxform legend,
form.cmxform label { color: #333; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset li {
	padding: 5px 10px 7px;
	}

form.cmxform fieldset { margin-bottom: 10px; padding-left: 0; }
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px 5px 5px 0;
	margin: 0;
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em, .reqfield {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 120px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

form.cmxform label.large {
float:left;
width:500px;
}

form.cmxform input.error {
	border:dashed 2px #ff0000;
}

form.cmxform label.error {
	margin-left: 10px;
	width: auto;
	display:inline-block;
	color:#f00;
}


form.cmxform label.small {
float:left;
width:auto;
margin:0;
}

legend {
margin-left: -.7em;
text-indent: 0px; /* I'm not really sure this line is necessary */
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
#footer {
width:900px;
height:160px;
background:url(images/footer.png);
margin:0 auto 0 auto;
}

#footer .footer_text {
float:right;
padding:125px 25px 0 0;
font:13px Georgia, "Times New Roman", Times, serif;
color:#fff;
}

.siteby, .siteby a, .siteby a:visited
{
color:#a2b970;
font:13px Georgia, "Times New Roman", Times, serif;
text-decoration:none;
}

.siteby a:hover
 {
color:#fff;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: inline-block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */

input.dp-applied {
float:left;
}

form.cmxform label.dp-applied {
float:left;
width:124px;
}


#hintbox{ /*CSS for pop up hint box */
position:absolute;
top:0;
background-color:#fff7c4;
width: 350px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}