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

* { padding:0; margin:0; }

A:link {text-decoration: none; color:#008000}
A:visited {text-decoration: none; color:#008000}


body {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	
	background:#fefefe;

}

#logo { display:block; float:left; }

#header {

	height:76px;
	background:url(../images/home-header/bg-back.gif) top left repeat-x;

}

#header-mid {

	width:780px;
	margin:0 auto;
	height:76px;
	background:url(../images/home-header/bg-mid.gif) top left repeat-x;

}

#mid-bg { background:#212121;}
#mid-content-wrap {  width:780px; margin:0 auto;}
#mid-content { background: url(../images/content-bg.gif) bottom left no-repeat;   width:780px; margin:0 auto; padding-top:20px; float:left; padding-bottom:20px; height:510px; overflow:hidden;} 
#mid-content #leftContent { float:left; width:180px; padding:0 20px; }
#mid-content #leftContent ul {padding:0 20px;}
#mid-content #rightContent { float:right; width:520px; padding-right:30px; padding-left:10px; }
#mid-content #rightContent ul { padding:5px 0 5px 20px; }

#mid-content #rightContent .model { padding:10px 0; display:block; margin:0 auto; }

#bottom-content { width:780px; margin:0 auto; padding-top:25px; padding-bottom:25px; } 

#bottom-content #client-login { float:left; width:170px; padding:0 20px; }
#bottom-content #secContent { float:right;  width:520px; padding-right:30px; padding-left:10px; }

div.clear { clear:both; }

#footer { clear:both; background:#fefefe url(../images/footer-bg.jpg) top left repeat-x; height:61px; }

#footer #foot-wrap { width:780px; margin:0 auto; text-align:center;  }

#footer ul { padding-top:15px; list-style:none; float:left; width:450px; font-size:11px; }
#footer li { color:#666666; float:left; padding:0 3px; border-right:#666 1px solid; }
#footer li a { color:#666666; text-decoration:none; }
#footer li a:hover { color:#fff; }

#footer p { width:200px; float:right; padding-top:15px; font-size:11px;}

.sideList {

	font-size:11px;
	text-transform:uppercase;
	
	padding:10px 0;
	padding-left:15px;	

}



/*--------------------------------------------*/

/* home styling */

#home #leftContent p.keyHeader { color:#333333; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:16px; padding-bottom:3px; padding-top:7px; padding-bottom:8px; }

#home #rightContent p { color:#333333; font-size:12px; padding:4px 0;}

#home #rightContent .sectionHeader { padding:0; color:#333333; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:24px; padding-bottom:3px; }

#home #rightContent .sectionTag { padding:0; color:#333333; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:14px; text-transform:uppercase; padding-bottom:5px; border-bottom:1px solid #CCCCCC; margin-bottom:10px; }

#home #secContent { color:#fff; }
#home #secContent p { padding-bottom:5px; font-size:11px;}
#home #secContent .header { padding-bottom:5px; color:#fff; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:16px; }

#home #client-login .header { padding-bottom:8px; color:#fff; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:16px;}

/*#home #client-login .submit {  background:#999; border:1px solid #fff; color:#fff; text-align:center; }*/

/* warehousing css */

#warehousing #leftContent p.keyHeader { color:#144975; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:16px; padding-bottom:3px; padding-top:7px; padding-bottom:8px; }

/* #warehousing #rightContent p { color:#333333; font-size:12px; padding:4px 0; text-align:justify;} */
#warehousing #rightContent p { color:#333333; font-size:12px; padding:4px 0;}

#warehousing #rightContent .sectionHeader { padding:0; color:#144975; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:24px; padding-bottom:3px; }

#warehousing #rightContent .sectionTag { padding:0; color:#333333; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:14px; text-transform:uppercase; padding-bottom:5px; border-bottom:1px solid #CCCCCC; margin-bottom:10px; }

#warehousing #secContent { color:#fff; }
#warehousing #secContent p { padding-bottom:5px; font-size:11px;}
#warehousing #secContent .header { padding-bottom:5px; color:#fff; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:16px; }

#warehousing #client-login .header { padding-bottom:8px; color:#fff; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:16px;}

/*#warehousing #client-login .submit {  background:#144975; border:1px solid #fff; color:#fff; text-align:center; }*/

#warehousing #logo { display:block; float:left; }

#warehousing #header {

	height:76px;
	background:url(../images/warehousing-header/bg-back.jpg) top left repeat-x;

}

#warehousing #header-mid {

	width:780px;
	margin:0 auto;
	height:76px;
	background:url(../images/warehousing-header/bg-mid.jpg) top left repeat-x;

}

#warehousing ul#nav li a#selected { color:#fff; text-decoration:none; font-weight:bold; }
#warehousing ul#nav li a { color:#fff; text-decoration:none; }

#warehousing ul#nav li ul li a { color:#333; text-decoration:none; }
#warehousing ul#nav li ul li a:hover { color:#fff; text-decoration:none; }

/* distribution css */

#distribution #leftContent p.keyHeader { color:#f49c20; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:16px; padding-bottom:3px; padding-top:7px; padding-bottom:8px; }

#distribution #rightContent p { color:#333333; font-size:12px; padding:4px 0;}

#distribution #rightContent .sectionHeader { padding:0; color:#f49c20; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:24px; padding-bottom:3px; }

#distribution #rightContent .sectionTag { padding:0; color:#333333; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:14px; text-transform:uppercase; padding-bottom:5px; border-bottom:1px solid #CCCCCC; margin-bottom:10px; }

#distribution #secContent { color:#fff; }
#distribution #secContent p { padding-bottom:5px; font-size:11px;}
#distribution #secContent .header { padding-bottom:5px; color:#fff; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:16px; }

#distribution #client-login .header { padding-bottom:8px; color:#fff; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:16px;}

/*#distribution #client-login .submit {  background:#f49c20; border:1px solid #fff; color:#fff; text-align:center; }*/

#distribution #logo { display:block; float:left; }

#distribution #header {

	height:76px;
	background:url(../images/distribution-header/bg-back.jpg) top left repeat-x;

}

#distribution #header-mid {

	width:780px;
	margin:0 auto;
	height:76px;
	background:url(../images/distribution-header/bg-mid.jpg) top left repeat-x;

}

#distribution ul#nav li a#selected { color:#fff; text-decoration:none; font-weight:bold; }
#distribution ul#nav li a { color:#fff; text-decoration:none; }

#distribution ul#nav li ul li a { color:#333; text-decoration:none; }
#distribution ul#nav li ul li a:hover { color:#fff; text-decoration:none; }



/* fulfillment css */

#fulfillment #leftContent p.keyHeader { color:#4fb675; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:16px; padding-bottom:3px; padding-top:7px; padding-bottom:8px; }

#fulfillment #rightContent p { color:#333333; font-size:12px; padding:4px 0;}

#fulfillment #rightContent .sectionHeader { padding:0; color:#4fb675; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:24px; padding-bottom:3px; }

#fulfillment #rightContent .sectionTag { padding:0; color:#333333; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:14px; text-transform:uppercase; padding-bottom:5px; border-bottom:1px solid #CCCCCC; margin-bottom:10px; }

#fulfillment #secContent { color:#fff; }
#fulfillment #secContent p { padding-bottom:5px; font-size:11px;}
#fulfillment #secContent .header { padding-bottom:5px; color:#fff; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:16px; }

#fulfillment #client-login .header { padding-bottom:8px; color:#fff; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:16px;}

/*#fulfillment #client-login .submit {  background:#4fb675; border:1px solid #fff; color:#fff; text-align:center; }*/

#fulfillment #logo { display:block; float:left; }

#fulfillment #header {

	height:76px;
	background:url(../images/fulfillment-header/bg-back.jpg) top left repeat-x;

}

#fulfillment #header-mid {

	width:780px;
	margin:0 auto;
	height:76px;
	background:url(../images/fulfillment-header/bg-mid.jpg) top left repeat-x;

}

#fulfillment ul#nav li a#selected { color:#fff; text-decoration:none; font-weight:bold; }
#fulfillment ul#nav li a { color:#fff; text-decoration:none; }

#fulfillment ul#nav li ul li a { color:#333; text-decoration:none; }
#fulfillment ul#nav li ul li a:hover { color:#fff; text-decoration:none; }

/*---------------------------------*/

/* procurement css */

#procurement #leftContent p.keyHeader { color:#96122a; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:16px; padding-bottom:3px; padding-top:7px; padding-bottom:8px; }

#procurement #rightContent p { color:#333333; font-size:12px; padding:4px 0;}

#procurement #rightContent .sectionHeader { padding:0; color:#96122a; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:24px; padding-bottom:3px; }

#procurement #rightContent .sectionTag { padding:0; color:#333333; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:14px; text-transform:uppercase; padding-bottom:5px; border-bottom:1px solid #CCCCCC; margin-bottom:10px; }

#procurement #secContent { color:#fff; }
#procurement #secContent p { padding-bottom:5px; font-size:11px;}
#procurement #secContent .header { padding-bottom:5px; color:#fff; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:16px; }

#procurement #client-login .header { padding-bottom:8px; color:#fff; font-family:"MyriadPro-Regular", Arial, Helvetica; font-size:16px;}

/*#procurement #client-login .submit {  background:#96122a; border:1px solid #fff; color:#fff; text-align:center; }*/

#procurement #logo { display:block; float:left; }

#procurement #header {

	height:76px;
	background:url(../images/procurement-header/bg-back.jpg) top left repeat-x;

}

#procurement #header-mid {

	width:780px;
	margin:0 auto;
	height:76px;
	background:url(../images/procurement-header/bg-mid.jpg) top left repeat-x;

}

#procurement ul#nav li a#selected { color:#fff; text-decoration:none; font-weight:bold; }
#procurement ul#nav li a { color:#fff; text-decoration:none; }

#procurement ul#nav li ul li a { color:#333; text-decoration:none; }
#procurement ul#nav li ul li a:hover { color:#fff; text-decoration:none; }

/*---------------------------------*/

#loginForm label { float:left; color:#CCCCCC; font-size:10px; line-height:21px;}

#loginForm input.field { float:right; background:url(../images/home-login/input-bg.jpg) center left no-repeat; border:none; width:113px; height:21px; line-height:21px; padding-left:5px; font-size:11px; padding-top:3px; padding-bottom:5px;}

#loginForm input.submit { float:right; margin-right:6px; padding:0;}

br.clear { clear:both; }

.service-copy	 { margin-top:5px; width:165px; display:none; font-size:10px; }
.service-copy p.opening strong { font-size:12px; color:#333333; font-family:"MyriadPro-Regular", Arial, Helvetica; }
.service-copy p.warehousing strong { font-size:12px; color:#144975; font-family:"MyriadPro-Regular", Arial, Helvetica; }
.service-copy p.fulfillment strong { font-size:12px;  color:#4fb675; font-family:"MyriadPro-Regular", Arial, Helvetica; }
.service-copy p.distribution strong { font-size:12px;  color:#f49c20; font-family:"MyriadPro-Regular", Arial, Helvetica; }
.service-copy p.procurement strong { font-size:12px; color:#96122a; font-family:"MyriadPro-Regular", Arial, Helvetica; }

/*-------------------------------------------*/

/* nav drop downs */

ul#nav { list-style:none; position: relative; font-size:12px; float:left; padding-right:25px;  padding-top:35px; padding-left:0px;  }
ul#nav li { padding:0 10px; padding-top:5px; float:left; line-height:14px; padding-bottom:3px;}
ul#nav li a { color:#333333; text-decoration:none; display: block; text-transform:uppercase; }
ul#nav li a#selected { color:#999; text-decoration:none; font-weight:bold; }
ul#nav a:hover { color:#ccc;text-decoration:none; }

/* 
	LEVEL ONE
*/
	
ul#nav li.hover,ul#nav li:hover {  position: relative; }

/* 
	LEVEL TWO
*/
ul#nav ul 						{ width: 150px; visibility: hidden; position: absolute; top: 100%; left: 0; padding-top:5px; padding-left:5px; 
									background:#ccc; padding-bottom:5px; }
ul#nav ul li 					{  color:#fff; 
									  float: none;  text-align:left; display:block; 
									  width:100%; padding:7px 5px;  line-height:12px;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul#nav ul li a					{ border-right: none; width: 100%; display: inline-block;text-align:left; font-size:12px; text-transform:uppercase;}

ul#nav ul li a:hover					{ color:#fff; }

/* 
	LEVEL THREE
*/
ul#nav ul ul 					{ left: 100%; top: 0; }
ul#nav li:hover > ul 			{ visibility: visible; }

/*-----------------------------------------------------------------------------------*/