form li:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.buttons:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
* html form li{height:1%;}
* html .buttons{height:1%;}
form li span{color:#444;float:left;margin:0 4px 0 0;padding:0 0 8px;}
form li div.left{display:inline;float:left;width:48%;}
form li div.right{display:inline;float:right;width:48%;}
form li div.left .medium{width:100%;}
form li div.right .medium{width:100%;}
form li div label {clear:both;color:#444;display:block;font-size:9px;line-height:9px;margin:0;padding-top:3px;}
form li div label.error { background: #ccc;border: 2px solid #00bfcc;clear: both;color: red;display: block;float: left;margin: 0;padding: 3px 4.5%;width: 89%;}
form li span label{clear:both;color:#444;display:block;font-size:9px;line-height:9px;margin:0;padding-top:3px;}
form li .datepicker{cursor:pointer !important;float:left;height:16px;margin:.1em 5px 0 0;padding:0;width:16px;}
.form_description{border-bottom:1px dotted #ccc;clear:both;display:inline-block;margin:0 0 1em;}
.form_description[class]{display:block;}
.form_description h2{clear:left;font-size:160%;font-weight:400;margin:0 0 3px;}
.form_description p{font-size:95%;line-height:130%;margin:0 0 12px;}
form hr{display:none;}
form li.section_break{border-top:1px dotted #ccc;margin-top:9px;padding-bottom:0;padding-left:9px;padding-top:13px;width:97% !important;}
form ul li.first{border-top:none !important;margin-top:0 !important;padding-top:0 !important;}
form .section_break h3{font-size:110%;font-weight:400;line-height:130%;margin:0 0 2px;}
form .section_break p{font-size:85%;margin:0 0 10px;}
span.symbol{
	font-size:115%;
	line-height:130%;}
input.file{
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;}
textarea.textarea{
	background:#fff url(../../../images/shadow.gif) repeat-x top;
	border:2px solid #00B5CC;
	color:#333;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	margin:0;
	width:99%;}
select.select{
	color:#333;
	font-size:100%;
	margin:1px 0;
	padding:1px 0 0;
	background:#fff url(../../../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;}
input.currency{
	text-align:right;}
input.checkbox{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;}
select.select[class]
{
	margin:0;
	padding:1px 0;
}

*:first-child+html select.select[class]
{
	margin:1px 0;
}

.safari select.select
{
	font-size:120% !important;
	margin-bottom:1px;
}

input.small
{
	width:25%;
}

select.small
{
	width:25%;
}
select.medium
{
	width:50%;
}

input.large
{
	width:99%;
}

select.large
{
	width:100%;
}

textarea.small
{
	height:5.5em;
}

textarea.medium
{
	height:51px;
}

textarea.large
{
	height:20em;
}

/**** Errors ****/
#error_message
{
	background:#fff;
	border:1px dotted red;
	margin-bottom:1em;
	padding-left:0;
	padding-right:0;
	padding-top:4px;
	text-align:center;
	width:99%;
}

#error_message_title
{
	color:#DF0000;
	font-size:125%;
	margin:7px 0 5px;
	padding:0;
}

#error_message_desc
{
	color:#000;
	font-size:100%;
	margin:0 0 .8em;
}

#error_message_desc strong
{
	background-color:#FFDFDF;
	color:red;
	padding:2px 3px;
}

form li.error
{
	background-color:#FFDFDF !important;
	border-bottom:1px solid #EACBCC;
	border-right:1px solid #EACBCC;
	margin:3px 0;
}

form li.error label
{
	color:#DF0000 !important;
}

form p.error
{
	clear:both;
	color:red;
	font-size:10px;
	font-weight:700;
	margin:0 0 5px;
}

form label.required
{
	color:red;
	float:none;
	font-weight:700;
}

/**** Guidelines and Error Highlight ****/
form li.highlighted
{
	background-color:#fff7c0;
}

form .guidelines
{
	background:#f5f5f5;
	border:1px solid #e6e6e6;
	color:#444;
	font-size:80%;
	left:100%;
	line-height:130%;
	margin:0 0 0 8px;
	padding:8px 10px 9px;
	position:absolute;
	top:0;
	visibility:hidden;
	width:42%;
	z-index:1000;
}

form .guidelines small
{
	font-size:105%;
}

form li.highlighted .guidelines
{
	visibility:visible;
}

form li:hover .guidelines
{
	visibility:visible;
}

.no_guidelines .guidelines
{
	display:none !important;
}

.no_guidelines form li
{
	width:97%;
}

.no_guidelines li.section
{
	padding-left:9px;
}

/*** Success Message ****/
.form_success 
{
	clear: both;
	margin: 0;
	padding: 90px 0pt 100px;
	text-align: center
}

.form_success h2 {
    clear:left;
    font-size:160%;
    font-weight:normal;
    margin:0pt 0pt 3px;
}

/*** Password ****/
ul.password{
    margin-top:60px;
    margin-bottom: 60px;
    text-align: center;
}
.password h2{
    color:#DF0000;
    font-weight:bold;
    margin:0pt auto 10px;
}

.password input.text {
   font-size:170% !important;
   width:380px;
   text-align: center;
}
.password label{
   display:block;
   font-size:120% !important;
   padding-top:10px;
   font-weight:bold;
}

#li_captcha{
   padding-left: 5px;
}


#li_captcha span{
	float:none;
}

/** Embedded Form **/

.embed #form_container{
	border: none;
}

.embed #top, .embed #bottom, .embed h1{
	display: none;
}

.embed #form_container{
	width: 100%;
}

.embed #footer{
	text-align: left;
	padding-left: 10px;
	width: 99%;
}

.embed #footer.success{
	text-align: center;
}

.embed form.appnitro
{
	margin:0px 0px 0;
	
}



/*** Calendar **********************/
div.calendar { position: relative; }

.calendar table {
cursor:pointer;
border:1px solid #ccc;
font-size: 11px;
color: #000;
background: #fff;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.calendar .button { 
text-align: center;    
padding: 2px;          
}

.calendar .nav {
background:#f5f5f5;
}

.calendar thead .title { 
font-weight: bold;      
text-align: center;
background: #dedede;
color: #000;
padding: 2px 0 3px 0;
}

.calendar thead .headrow { 
background: #f5f5f5;
color: #444;
font-weight:bold;
}

.calendar thead .daynames { 
background: #fff;
color:#333;
font-weight:bold;
}

.calendar thead .name { 
border-bottom: 1px dotted #ccc;
padding: 2px;
text-align: center;
color: #000;
}

.calendar thead .weekend { 
color: #666;
}

.calendar thead .hilite { 
background-color: #444;
color: #fff;
padding: 1px;
}

.calendar thead .active { 
background-color: #d12f19;
color:#fff;
padding: 2px 0px 0px 2px;
}


.calendar tbody .day { 
width:1.8em;
color: #222;
text-align: right;
padding: 2px 2px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #fbb;
}

.calendar table .wn {
padding: 2px 2px 2px 2px;
border-right: 1px solid #000;
background: #666;
}

.calendar tbody .rowhilite td {
background: #FFF1AF;
}

.calendar tbody .rowhilite td.wn {
background: #FFF1AF;
}

.calendar tbody td.hilite { 
padding: 1px 1px 1px 1px;
background:#444 !important;
color:#fff !important;
}

.calendar tbody td.active { 
color:#fff;
background: #529214 !important;
padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { 
font-weight: bold;
border: 1px solid #888;
padding: 1px 1px 1px 1px;
background: #f5f5f5 !important;
color: #222 !important;
}

.calendar tbody td.weekend { 
color: #666;
}

.calendar tbody td.today { 
font-weight: bold;
color: #529214;
background:#D9EFC2;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { 
visibility: hidden;
}

.calendar tbody .emptyrow { 
display: none;
}

.calendar tfoot .footrow { 
text-align: center;
background: #556;
color: #fff;
}

.calendar tfoot .ttip { 
background: #222;
color: #fff;
font-size:10px;
border-top: 1px solid #dedede;
padding: 3px;
}

.calendar tfoot .hilite { 
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}

.calendar tfoot .active { 
background: #77c;
padding: 2px 0px 0px 2px;
}

.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
border: 1px solid #ccc;
background: #f5f5f5;
color: #222;
font-size: 90%;
z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}

.calendar .combo .label-IEfix {
width: 4em;
}

.calendar .combo .hilite {
background: #444;
color:#fff;
}

.calendar .combo .active {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background: #dedede;
font-weight: bold;
} 
#slidein .content .close_window:hover {
	background: url(../images/close_slide.png) 0 -31px no-repeat;
	}
#pretty .content img.supply_2, 
#pretty .content img.supply_3, 
#pretty .content img.supply_4 {display: none;}	




#footer .content a:hover{
	color:#fff;
	}









#footer .content div {margin-left:40px;}



/* from case */
			/* case study page styles */
			#pretty.case_study {background: #D1D2D4 url(../images/pretty_bg_grey.png) repeat-x scroll left top;}
			#info.case_study {background-color: #D1D2D4;}
			#info.case_study .content {position:relative; padding-bottom: 10px;}
			.text_box h4 { line-height: 1; padding: 0; margin: 0; }	
			#info.case_study .content ul#csMenu li {width:100%;list-style:none;}
			#supplychain { position: absolute; left: 650px; top: 116px;}
			#supplychain ul { list-style: none; padding: 0; margin: 0; }
			#supplychain ul li { list-style: none; color: #5a5a5d; text-transform: uppercase; font-size: 12px; line-height: 150%;}
			#supplychain h3 { display:block; text-indent: -9999px; font: 1px sans-serif; color: #d1d2d4; background: transparent url(../images/supplychainservices.png) top left no-repeat; width: 271px; height: 18px; margin-bottom: 10px; }
			.case2,
			.case3 { display: none; }
			#csMenu .case1,
			#csMenu .case2,
			#csMenu .case3 { display: inline !important; }
			#info.cStudy .content ul#csMenu {
				padding:0;
				margin:0;
				position:absolute;
				list-style:none;
				top:14px;
				left:624px;
				height:87px;
				width:342px;
				background: transparent url(../images/casestudymenu.png) top left no-repeat;
				}
/* end from case */




/* ************************************************************************************************* */
/* General HTML elements *************************************************************************** */
html,
body { font-family: arial,sans-serif; font-size: 12px; margin: 0; padding: 0; color:#005e7e; }
body { background-color: #6c6c6f; }
address {font-style:normal;}
p { line-height: 1.5em; }
textarea,
label { display: inline; }
form fieldset { border: 0; color:#444;float:left; margin: 0 4px 0 0; padding: 0 0 8px;}
form li { display: block; margin: 0; padding: 4px 5px 2px 9px; position: relative; }
form li div { color: #444; margin: 0 4px 0 90px; padding: 0 0 8px; }
form li div label { clear: both; color: #444; display: block; font-size: 9px; line-height: 9px; margin: 0; padding-top: 3px; }
form ul { font-size: 100%; list-style-type: none; margin: 0; padding: 0; width: 100%; }
/* ************************************************************************************************* */
/* General classes to simplify the stylesheet ****************************************************** */
.content {width:967px; margin:0 auto; }
.clear { clear: both; display: block; float: none; }
/* ************************************************************************************************* */
/* SLIDEIN section ********************************************************************************* */
#slidein { background: #59595c url(../images/slidein_bg.png) bottom left repeat-x;height:auto;margin:0 auto;position:relative;top:0;width:100%;z-index:3;}
	#slidein .content { display:none;margin:0 auto;overflow:visible;position:relative;width:967px;}
		#slidein .panel { height: auto; padding: 14px 0; }
			.col12,
			.col22 { clear: none; float: left; width: 430px; }
			.col12 { margin: 0 22px 0 30px; }
			.col22 { margin: 0 30px 0 22px; }
				.col22 h2,
				.col12 h2 { color:#eee;font-size:20px;margin:0 0 12px;padding:0;}
				.col22 h4 { font-weight: normal;margin:0;padding:0;color:#ccc;}
				.col12 p,
				.col22 p { color: #ccc; margin: 0 0 14px; }
				.col22 ul,
				.col22 li {color:#ccc;display:inline-block;list-style:none;margin: 0 0 14px; padding: 0;}
				.col22 li {margin:0 12px 7px 0;}
				.col22 a { color:#ccc; text-decoration: none; }
				.col22 a:hover { color: #fff; }
		#slidein .content .close_window { background:transparent url(../images/close_slide.png) 0 0 no-repeat; display: block; height: 31px; margin: 0 auto -14px; position: relative; text-decoration: none; text-indent: -9999px; width: 275px; z-index: 4; }
				.appnitro {font-family:'lucida grande',tahoma,arial,verdana,sans-serif; font-size: small; margin: 0; padding: 0; }
						.appnitro li { width: 100%; }
							label.description {color:#fff;display:block;float:left;font-size:15px;font-weight:bold;line-height:150%;padding:0 0 1px; text-align:right; text-transform:uppercase;width:80px;}
								input.medium{height:24px;}
								input.text {background:#fff url(../../../images/shadow.gif) top center repeat-x;border:2px solid #00b5cc; color:#333; font-size:100%;margin:0;padding:2px 0;width:99%;}
								img.star { position:absolute;right:-15px;top:5px;}
							label.choice { color:#fff;display:inline;font-size:13px;font-weight:bold;line-height:1.4em;margin:0;padding:0;text-transform:uppercase;width:90%;}
							input.radio { display:inline;height:13px;line-height:1.4em;margin:6px 10px 0 3px; width: 13px; }
								textarea { height: 51px; background:#fff url(../images/shadow.gif) top center repeat-x; border: 2px solid #00b5cc; color:#333; font-family:"lucida grande",tahoma,arial,verdana,sans-serif;font-size:100%; margin:0;width:99%;}
						.buttons { clear:both;display:block;margin-top:10px;}
						.buttons input {background:transparent url(../images/submit.png) 0 0 no-repeat; border: 0; font-size:120%;height:37px; margin-left: 90px; margin-top:7px; text-indent:-9999px; width:112px;}
							input.button_text{overflow:visible;padding:0 7px;}
	.tab {background:transparent url(../images/tab_bg.png) bottom left no-repeat;display:block;height:41px;left:50%;margin:0 0 0 128px;padding:0;position:relative;text-align:center;top:0;width:348px;z-index:3;}
		.tab ul {list-style:none;margin:0;padding:0;}
			.tab li {list-style: none;display: inline;}
				.tab a {text-transform: uppercase;color: #fff;font-size: 8pt;background: transparent;text-decoration: none;border-right: 2px solid #fff;display: inline-block;width: 100px;margin-top: 15px;text-align: center;padding: 0px 5px;}
				.tab li + li + li a { border-right: none; }
#error_yellow, #received_form {margin:60px 0 40px;  float:left; color:#fff; line-height:1.3em; width:100%;}
#error_yellow {color:#000; background-color: yellow; display: none;}
#received_form p {color:#fff; padding:14px 0;}
#error_yellow p {color:#000;  padding:14px;}
.tab ul li#espanol a {color:#aaa;}
.tab ul li#espanol a:hover {cursor: default}
#slidein #panel { height: auto;  padding:14px 0;}

/* ************************************************************************************************* */
/* HEADER styling ********************************************************************************** */
#header { background:transparent url(../images/header_bg1.png) top left repeat-x; position:relative;z-index:2;width:100%;}
	#header .content {position:relative;}
		#header .content #phone_img {position:absolute;right:60px;top:0;}
		#header ul {position:absolute;right:10px;top:60px;}
		#header ul,
		#header ul li {display:inline-block;list-style:none;margin:0;padding:0;}
				#header ul li a { background-image:url(../images/nav-up.png); display:block; height:37px; text-decoration: none; text-indent: -9999px; }
				#home { width:  97px; }
				#case { width: 140px; }
				#services { width: 116px; }
				#supply { width: 144px; }
				#about { width: 129px; }
					#case a { background-position: -97px 50%; }
					#services a { background-position: -237px 50%; }
					#supply a { background-position: -353px 50%; }
					#about a { background-position: -497px 50%; }
					#home a:hover,
					#case a:hover,
					#services a:hover,
					#supply a:hover,
					#about a:hover {background-image:url(../images/nav-over.png); background-position-y: -37px;}
/* ************************************************************************************************* */
/* PRETTY section styling ************************************************************************** */
#pretty {background:#ddf5f8 url(../images/pretty_bg_blue.png) top left repeat-x;margin-top:-29px;padding-bottom:10px;width:100%;}
#pretty .content {background:transparent url(../images/pretty_shadow_bg.png) 0 0 no-repeat;height:380px;text-align:center;}
#pretty .content img {left:7px !important;z-index:1 !important;}
#pretty .content img.home_2,
#pretty .content img.home_3 {display:none;}
/* ************************************************************************************************* */
/* PRETTY CASE section styling ********************************************************************* */
#pretty.case_study {background: #d6f3f6 url(../images/pretty_bg_grey.png) repeat-x scroll left top;}
			.cStudy .highlight {background-position:bottom left;}
			.cStudy .yellowFrame {}
			.cStudy .yellowFrame .text_box_shadow {height:auto; background:url(../images/text-box-shadow.png) no-repeat bottom left; width:585px; margin-left:-9px; padding:10px 9px 11px;}
			.cStudy .yellowFrame .text_box_shadow .text_box {background-color:#fff; height:auto; padding:9px;}
			.cStudy .yellowFrame .text_box_shadow .text_box p {margin:0; padding:0;}
#info.case_study {background-color: #d6f3f6;}
#info.case_study .content {position:relative; padding-bottom: 10px;}
#info.case_study .content ul#csMenu li {width:100%;list-style:none;}
	.text_box h4 { line-height: 1; padding: 0; margin: 0; }	
#supplychain { position: absolute; left: 650px; top: 116px;}
#supplychain ul { list-style: none; padding: 0; margin: 0; }
#supplychain ul li { list-style: none; color: #5a5a5d; text-transform: uppercase; font-size: 12px; line-height: 150%;}
#supplychain h3 { display:block; text-indent: -9999px; font: 1px sans-serif; color: #d1d2d4; background: transparent url(../images/supplychainservices.png) top left no-repeat; width: 271px; height: 18px; margin-bottom: 10px; }
	.case2,
	.case3 { display: none; }
#csMenu .case1,
#csMenu .case2,
#csMenu .case3 { display: inline !important; }
#info.cStudy .content ul#csMenu {padding:0;margin:0;position:absolute;list-style:none;top:14px;left:624px;height:87px;width:342px;background: transparent url(../images/casestudymenu.png) top left no-repeat;}
/* ************************************************************************************************* */
/* INFO section styling **************************************************************************** */
#info {background-color:#DDF5F8;line-height:1.4em;padding-bottom:1em;width:100%;}
#info .content {position:relative;}
#info hr {border-color:#BBBBBB #FFFFFF #FFFEF8;border-style:solid;border-width:1px 0;margin:0 auto 14px;width:906px;}
div.highlight {background:transparent url(../images/highlight_shadow.png) no-repeat scroll left bottom;padding:0 7px 7px;width:619px;}
div.yellowFrame {background-color:#FDFBDC;border-top:1px solid #FFFEF8;padding:9px;width:587px;}
#info .content .pullquote {color:#005E78;font-size:20px;font-weight:bold;line-height:1.3em;position:absolute;right:34px;top:0;width:300px;}
#info .content .servicesquote, #info .content .supplyquote, #info .content .aboutquote{top:66px;}
#info .content .col1, 
#info .content .col2, 
#info .content .col3 {display:inline-block;margin:20px;padding:5px;vertical-align:top;width:250px;}

/* ************************************************************************************************* */
/* FOOTER section styling ************************************************************************** */
#footer {background:#59595C url(../images/footer_bg.png) repeat-x scroll 0 0;border-top:1px solid #5A5942;line-height:1.4em;padding-bottom:10px;padding-top:14px; width:100%;}
#footer .content ul {margin-top:0;padding-left:26px;}
#footer .content ul, #footer .content div, .copyright {color:#CCCCCC;}
#footer .content ul, #footer .content div {display:inline-block;vertical-align:top;width:260px;}
#footer .content ul li {list-style-type:none;}
#footer .content h4 {color:#FFFFFF;margin-bottom:7px;position:relative;}
#footer .content a {color:#CCCCCC;text-decoration:none;}
#footer .content ul.social_list {margin-left:14px;}
#footer .content ul, #footer .content div {display:inline-block;vertical-align:top;width:260px;}
#footer .content ul, #footer .content div, .copyright {color:#CCCCCC;}
#footer .content ul {margin-top:0;padding-left:26px;}
#footer .content ul .social_list li {position:relative;}
#footer .content ul .social_list li.more_margin {margin:20px 0;}
					.social_list li span {background:transparent url(../images/social_media_images.png) no-repeat scroll 0 0;display:block;height:36px;left:-40px;position:absolute;text-indent:-9999px;top:-11px;width:36px;}
					.social_list li.linkedin span {}
					.social_list li.facebook span {background-position:0 -38px;}
					.social_list li.youtube span {background-position:0 -76px;}
#footer .content div {margin-left:40px;}
#footer .content h4 img {left:-70px;position:absolute;top:-18px;}
.copyright {font-size:90%;margin:28px 0;text-align:center;}
/* ************************************************************************************************* */
/* fix the firefox slidein and footer background color problem ************************************* */
@-moz-document url-prefix() {
	#slidein,
	#footer { background-color: #6c6c6f; }
	#pretty.case,
	#info.case_study {background-color: #D1D2D4;}
	}