/* 
Author:    Mark DeMoss
Created:   May 2009
*/


/* MAIN STYLES
-------------------------------------------*/
/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

*:focus { outline: none }

html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}

body {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#c7b8aa;
	margin:0;
	padding:0;
	background:#313e73 url(../images/bkg.gif);
	line-height:130%;
}

ul { 
	list-style: none;
	margin-bottom:5px;
}

ul li {
	padding:5px 0;
	background:url(../images/bullet.gif) no-repeat 0px 9px;
	padding-left:18px;
	position:relative;
	vertical-align:top;
}

a {
	color:#c7b8aa;
}

a:hover {
	color:#f7d14b;
}

h1, h2, h3 {
	letter-spacing:-0.5px;
	font-weight:lighter;
	padding:0px;
	color:#ffffff;
	vertical-align:bottom;
}

h1 {
	font-size:31px;
	margin:10px 0 25px 0;
	text-shadow: 1px 1px 2px #414e7c;
}	

h2 {
	font-size:24px;
	padding:0 0 10px 25px;
	background:url(../images/dash.png) no-repeat top left;
}

h3 {
	font-size:16px;
	color:#ffffff;
	padding:0px 0 0 20px;
	background:url(../images/dash2.png) 0 4px no-repeat;
	letter-spacing:0.5px;
	margin-bottom:5px;
}

h4 {
	color:#ffffff;
	margin:25px 0 5px 0;
	font-size:16px;
}
h4 em {
	font-size:14px;
	font-weight:normal;
}	
img{
	border:none;
}

.fl {
	float:left;
}

sup {font-size:10px; padding-left:2px;}	
hr { background-color:#f7d14d; border:0px; height:1px; }
.resources {margin-left:1px;} .resources img {padding-bottom:20px; z-index:45; cursor:hand;}
.highlight {color:#FFFFFF;}

/* LAYOUT STRUCTURE
--------------------------------------------------*/
#mainWrapper {
	background:url(../images/wrapper_bkg.png) 0 0 repeat-x;
}

#wrapper {
	width:990px; text-align:left;
}

#header {
	height:80px;
	position:relative;
}


/* HEADER ELEMENTS 
--------------------------------------------------*/
/* -- logo --*/
#logo {
	position:relative;
	top:120px;
	left:5px;
	z-index:10;
	
}

#logo h1 {
	padding:0;
}

#logo h1 a, #logo h1 a:hover{
	background:url(../images/logo.png) 0 0 no-repeat;
	width:239px;
	height:134px;
	text-indent:-9000px;
	display:block;
	text-decoration:none;
}

#sideMenu {
	position:absolute; 
	z-index:9;
	margin:44px 0 0 -48px;}

#emailLink {
	position:relative;
	float:right;
	top:87px; 
	right:10px;
	z-index:15;
	height:20px;
	width:100px;
}

#emailLink a {
	background:url(../images/email_dash.png) no-repeat 0 2px;
	font-size:11px; color:#ffffff;
	text-decoration:none;
	letter-spacing:1px;
	padding-left:22px;
}

#emailLink a:hover {
	color:#f7d14b;
}


/* Home Image
--------------------------------------------*/
#homeHeader{
	position: relative; 
	width: 986px; 
	height: 358px;
	background:url(../images/hmHeader_bkg.png) 0 0 no-repeat;
}

#homeHeader img{
	margin:27px 0 0 8px;
}

/*HOME CONTENT
--------------------------------------------*/
#homeContent {
	background:url(../images/hmContent_bkg.png) 0 0 no-repeat;
	margin:10px 0 0 10px;
	height:190px;
}	



/*SUB HEADER
--------------------------------------------*/
#subHeader {
	background:url(../images/subHeader_bkg.png) 0 0 no-repeat;
	width:986px; height:267px;
}	

#subHeader img{
	margin:27px 0 0 8px;
}

#subTag {
	text-align:right;
	margin:5px 40px 0 0;
} 

#subContainer {	
	margin-left:10px;
}	
#subContent {
	background:url(../images/sub_mid.png) 0 0 repeat-y;
	padding-bottom:15px; min-width:967px;
}	

/*CONTENT ELEMENTS
--------------------------------------------*/
#colLeft {
	float:left;
	width:187px;
	margin:110px 0 0 7px; 
	padding:0 30px 0 25px;
	font-size:17px;
	line-height:22px; letter-spacing:0.5px;
	text-shadow: 1px 1px 2px #414e7c;
	position:relative; z-index:20;
}
#colLeft .title {
	color:#55564f;
}
	
#colRight {
	float:left;
	width:578px;
	margin:15px 0 0 60px;
	line-height:20px;
	font-size:14px;
	letter-spacing:0.5px;
	position:relative; z-index:21;
}
#box {
	margin:0 20px 0 20px;	
}
#box1 {
	width:285px; 
	float:left;
	margin-left:20px;
}
#box1 ul li {
	line-height:12px;
}
#box2 {
	width:260px; 
	float:left; margin-left:30px;
}
.gold {
	color:#f7d14b;
	line-height:28px;
}
#box1 img {
	margin-bottom:13px;
}	
.pad {
	padding:0px 5px 12px 25px;
}
	
blockquote {
	color:#f7d14b; 
	font-size:13px; 
	font-weight:100; 
	font-style:oblique; 
	padding:0 0 5px 12px; 
	line-height:18px;
}			
.subHead { 
	color:#ffffff; 
	font-size:13px; 
	font-weight:600;
	margin:10px 0 20px 0; 
	line-height:18px;
}

/*IMAGES
--------------------------------------------*/
#innovative {
	width:205px; 
	float:left;
	margin:35px 0 0 22px;
}

#versatile {
	width:260px; 
	float:left;  
	margin:35px 0 0 35px;
}		

#dependable { 
	width:385px;
	margin:35px 0 0 35px; 
	float:left;
}

.info { 

	color:#d0bfac; 
	font-size:12px; 
	line-height:16px;
	letter-spacing:0.5px; 
	text-shadow: 1px 1px 2px #414e7c;	
	padding:0px 0 0 26px;
}

#jobBlock p.gold {
	float:left;
	color:#f7d14b;
	font-weight:bold;
	line-height:18px;
	margin-left:20px;
}

#jobBlock p.jobLink {
	float:left;
	color:#FFFFFF;
	font-size:11px;	
	font-weight:bold;
	line-height:18px;
	margin-left:15px;
}

#jobBlock p.jobLink a {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

#jobBlock p.jobLink a:hover {
	color:#f7d14b;
}

#jobBlock ul {
	list-style:inside;
	margin-left:20px;	
}

#jobBlock li {
	list-style:inside
	font-size:14px;
	font-style:italic;
	margin-left:25px; 
    text-indent: -25px;
}


/* SWF
--------------------------------------------------*/
object {
	margin:0;
	padding:0;
}

#flashMap {
	margin:-20px;
}


/* FORMS
--------------------------------------------------*/
form {
	margin-top:23px;
	position:relative;
}

input {
	float:left;
	background:url("../images/bg_input.png") no-repeat top left;
	height:24px;
	border:1px solid #243062;
	margin:0 7px 7px 0;
	padding:0 5px 0 5px;
	font-size:14px;
	font-weight:100;
	color:#d0bfac;
}

input.name {
	width:297px;
}

input.phone {
	clear:both;
	width:220px;
}

input.email {
	width:297px;
}

input.contact {
	clear:both;
	width:220px;
	visibility:hidden;
}

input.how {
	width:297px;
}

input.how_alt {
	width:536px;
}

input.submit, input.reset {
	background:none;
	border:none;
	margin:10px 7px 0 0;
	padding:0;
	font-size:14px;
	color:#f8d14b;
	cursor:pointer;
}

input.submit {
	clear:both;
}

form p.spacer {
	float:left;
	height:24px;
	line-height:24px;
	font-size:14px;
	color:#f8d14b;
	margin:10px 7px 0 0;
}

textarea {
	clear:both;
	float:left;
	background:#313e73 url("../images/bg_textArea.png") no-repeat top left;
	width:536px;
	height:79px;
	border:1px solid #243062;
	margin:0;
	padding:5px 5px 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#d0bfac;
}

.combo_box {
	position:absolute;
	top:66px;
	left:0;
}

.sort_btn {
	background:url("../images/bg_dropDown.png") no-repeat top left;
	background-position:0 -24px;
	width:220px;
	height:24px;
	border:1px solid #243062;
	padding:0 5px 0 5px;
	cursor:pointer;
}

.sort_btn:hover {
}

.sort_btn p {
	font-size:14px;
	font-weight:100;
	text-align:left;
	color:#d0bfac;
	margin-top:2px;
	cursor:pointer;
}

.sort_options {
	clear:both;
	height:142px;
	overflow:hidden;
	position:relative;
	margin-bottom:3px;
	background:#243062;
}

.sort_options p {
	margin:0 0 1px 1px;
	line-height:14px;
	font-size:14px;
	font-weight:100;
	text-align:left;
	color:#d0bfac;
	cursor:pointer;
	padding:5px 5px 5px 5px;
}

.sort_options p:hover {
	display:block;
	color:#FFFFFF; 
	background-color:#313e73; min-width:210px;
}
.sort_options p.selected_option {}

#selections {
	float:left;
	position:absolute; 
	width:220px;
}

#drag_container {
	float:right;
	width:10px;
	height:100%; cursor:pointer;
	background:#313e73;
}

#dragger {
	width:10px;
	height:24px;
	background:#f8d14b;
	float:right;
	cursor:pointer;
}

#resumeForm {
	margin-left:20px;
}
#resumeForm p {
	clear:both;
	color:#FFFFFF;
	font-size:16px;	
	font-weight:bold;
	font-stretch:normal;
}
#resumeForm p.small {
	color:#d0bfac;
	font-size:12px;	
	font-weight:normal;
	line-height:26px;
}
#resumeForm p.formDesc {
	clear:none;
	float:left;
	margin-left:10px;
}
#resumeForm p.attachDesc {
	width:310px;
	background:#313e73;
	padding:0 10px;
	margin-top:5px;
}

#resumeForm input {
	float:right;
	background:#313e73;	
	border:none;
	line-height:26px;
}

#resumeForm input.name {
	width:446px;
}
#resumeForm input.phone {
	width:407px;
}
#resumeForm input.email {
	width:407px;
}
#resumeForm input.title {
	width:455px;
}
#resumeForm input.location {
	width:455px;
}

#resumeForm input.btn {
	float:left;
	background:#f8d14b;
	color:#4b5b93;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:5px 10px;
	cursor:pointer;
	line-height:normal;
}

#resumeForm input.file {
	clear:both;
	float:left;
	background:none;
	color:#d0bfac;
	font-size:12px;
	margin:0;
	padding:0;
}


/* RFP Forms
--------------------------------------------------*/

#rfpForm {
	margin-left:20px;
}
#rfpForm hr {
	margin-left:-20px;
}
#rfpForm h1 {
	font-size:18px;
	color:#f8d14b;
	font-weight:bold;
	margin-bottom:10px;
}
#rfpForm p {
	clear:both;
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;	
}
#rfpForm p.set_height {
	margin-bottom:7px;	
}
#rfpForm p.yellow {
	color:#f8d14b;
}
#rfpForm label {
	clear:both;
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;	
}
#rfpForm p.float_left {
	float:left;
}
#rfpForm a.add_location, #rfpForm a.delete_location {
	float:left;
	color:#f8d14b;
	font-size:11px;
	margin:0 10px 0 10px;
	text-decoration:none;
}
#rfpForm a.add_location:hover, #rfpForm a.delete_location:hover {
	color:#FFFFFF;
}
#rfpForm a.add_job, #rfpForm a.remove_job {
	background:#f8d14b;
	color:#233990;
	font-size:13px;
	font-weight:bold;
	padding:5px 8px 5px 8px;
	clear:both;
	text-decoration:none;
}
#rfpForm a.add_job:hover, #rfpForm a.removejob:hover {
	color:#FFFFFF;
}
#rfpForm a.add_customer_part, #rfpForm a.remove_customer_part, #rfpForm a.add_express_part, #rfpForm a.remove_express_part {
	color:#f8d14b;
	font-size:10px;
	font-weight:bold;
	margin-right:5px;
	clear:both;
	text-decoration:underline;
}
#rfpForm a.add_customer_part:hover, #rfpForm a.remove_customer_part:hover, #rfpForm a.add_express_part:hover, #rfpForm a.remove_express_part:hover {
	color:#FFFFFF;
}
#rfpForm select {
	margin-left:5px;
}
#rfpForm input {
	float:right;
	width:auto;
	background:#313e73;	
	line-height:26px;
	border: 1px solid #313e73;
}

#rfpForm input.submit {	
	border:none;
}


#rfpForm textarea {
	float:right;
	width:auto;
	background:#313e73;	
	border:none;
	width:385px;
	height:50px;
	margin:0 7px 6px 0;
}
.default {
	color:#7b87ad;
	font-style:italic;
	font-weight:100;
}
#rfpForm input.btn {
	float:left;
	background:#f8d14b;
	color:#4b5b93;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:5px 10px;
	cursor:pointer;
	line-height:normal;
}
#rfpForm p.float_left {
	float:left;
	clear:none;
	width:auto;
}

#rfpForm input.no_float {
	float:none;
	margin-left:8px;
}

#rfpForm input.margin_right {
	float:none;
	margin-right:15px;
}

.normal {
	color:#c7b8aa;	
}

#rfpForm .packing_group {
	clear:both;
}

#rfpForm .packing_group input, #rfpForm .packing_group p {
	float:left;
}

#rfpForm .packing_group input#packing_quantity {
	text-align:center;
	width:63px;
	margin-right:10px;
}

#rfpForm .packing_group input#packing_type1 {
	width:183px;
	margin-right:8px;
	padding-left:5px;
}

#rfpForm .packing_group input#packing_type2 {
	float:right;
	width:228px;
	padding-left:5px;
	margin-right:0;
}

#rfpForm .packing_group p {
	clear:none;
	margin-right:8px;
}

#rfpForm input.company { width:468px; }
#rfpForm input.full_name { width:463px; }
#rfpForm input.address { width:473px; }
#rfpForm input.phone_number { width:155px; }
#rfpForm input.fax { width:155px; }
#rfpForm input.email_address { width:430px; }
#rfpForm input.current_customer { width:285px; }
#rfpForm input.job_name { width:458px; }
#rfpForm input.number_of_jobs { width:305px; }
#rfpForm input.start_date { width:440px; }
#rfpForm input.end_date { width:445px; }
#rfpForm input.job_description { width:431px; }
#rfpForm input.job_part_number { width:423px; }
#rfpForm input.part_description { width:400px; }
#rfpForm input.part_number { width:450px; }
#rfpForm input.size_dimensions { width:416px; }
#rfpForm input.description { width:458px; }
#rfpForm input.total_volume {text-align:center; width:103px; margin-right:0; }
#rfpForm input.total_volume2 { float:right; width:264px; margin-right:0; }
#rfpForm input.annual_volume { text-align:center; width:103px; margin-right:0; }
#rfpForm input.annual_volume2 { float:right; width:156px; margin-right:0; }
#rfpForm input.recurring_project { float:none; line-height:normal; }
#rfpForm input.impressions_per_roll { width:402px; }
#rfpForm input.rolls_per_pallet { width:435px; }
#rfpForm input.feet_per_roll { width:452px; }
#rfpForm input.pieces_per_bundle { width:415px; }
#rfpForm input.bundles_per_pallet { width:415px; }
#rfpForm input.parts_per_case { width:250px; }
#rfpForm input.cases_per_pallet { width:420px; }
#rfpForm input.weight_per_part { width:423px; }
#rfpForm input.cases { width:220px; }
#rfpForm input.describe_other { width:470px; }

#rfpForm select.multiple {width:200px;}


#rfpForm .LV_validation_message{
 
}

#rfpForm .LV_valid {
    
}
	
#rfpForm .LV_invalid {
    
}
    
#rfpForm input.LV_valid_field,
#rfpForm input.LV_valid_field:hover, 
#rfpForm input.LV_valid_field:active,
#rfpForm textarea.LV_valid_field:hover, 
#rfpForm textarea.LV_valid_field:active {
    border: 1px solid #313e73;
}
    
#rfpForm input.LV_invalid_field, 
#rfpForm input.LV_invalid_field:hover, 
#rfpForm input.LV_invalid_field:active,
#rfpForm textarea.LV_invalid_field:hover, 
#rfpForm textarea.LV_invalid_field:active {
    border: 1px solid #FF0000;
}







/* Date Picker
--------------------------------------------------*/
/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}


input.calendar,
select.calendar {
	width: 99px;
}

button.calendar {
	background: url(calendar-icon.png);
	border: 0;
	cursor: pointer;
	height: 20px;
	float:right;
	margin:0 5px 0 0;
	padding:0;
	width: 20px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url(calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
div.calendar * {
	margin: 0;
	padding: 0;
}	
div.calendar div {
	background: none !important;
	cursor: move;
	height: 185px;
	overflow: hidden;
	padding-top: 10px;
	position: relative;
	width: 147px;
}	

div.calendar caption {
	color: #313e73;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	padding-top: 6px;
	text-align: center;
	width: 100%;
}
div.calendar caption a {
	cursor: pointer;
	display: block;
	height: 12px;
	overflow: hidden;
	position: absolute;
	text-indent: -100px;
	top: 17px;
	width: 11px;
}
div.calendar caption a.prev {
	background-image: url(calendar-prev.gif);
	left: 0;
}
div.calendar caption a.next {
	background-image: url(calendar-next.gif);
	right: 0;
}
div.calendar caption a:hover {
	background-position: 0 12px;
}
div.calendar caption span {
	height: 25px;
	position: relative;
	text-align: center;
}
div.calendar caption span.month {
	padding-right: 8px;
}
div.calendar caption span.month:after {
	content: ',';
}

div.calendar table {
	background: #FFF;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	cursor: default;
	margin: 0 auto;
	overflow: hidden;
	width: 147px;
}
div.calendar td,
div.calendar th {
	border: 0;
	color: #313e73;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 21px;
	text-align: center;
	width: 21px;
}
div.calendar td {
	background: url(calendar-td.gif);
	color: #FFF;
	font-size: 11px;
}
div.calendar td.invalid {
	color: #999;
}
div.calendar td.valid {
	background: url(calendar-valid.gif);
	color: #313e73;
	cursor: pointer;
}
div.calendar td.hilite {
	background: url(calendar-hilite.gif);
}
div.calendar td.inactive {
	background: url(calendar-td.gif) 0 100%;
	color: #FFF;
}
div.calendar td.active,
div.calendar td.hover {
	background: url(calendar-valid.gif) 0 100%;
	color: #FFF;
	cursor: pointer;
}
	

/* VIDEO PLAYER
--------------------------------------------------*/
#vidPlayer {
	margin-top:36px;
	width:415px; 
	float:left;
}

#pdfDownloads {
	width:208px;
	float:right;
}
.pdfHeader {
	background-color:#beb2a9;
	color:#313e73;
	font-size:11px; font-weight:bold;
	text-transform:uppercase;
	line-height:16px;
	margin-top:36px;
	padding:6px 20px;
}
.pdfLink {
	display:block;
	color:#f8d14b;
	font-size:12px; font-weight:100;
	text-decoration:none;
	padding:20px 30px 0 20px;
}	



/* FOOTER
--------------------------------------------------*/
#footer {
	clear:left;
	height:60px;
}

#innerFooter {
	width:970px;
	margin:0 auto;
	height:30px;
	padding-top:5px;
	line-height:15px;
	padding-left:10px;
	font-size:9px;
	letter-spacing:1px;
	color:#858dad;
}

#innerFooter .footerBy {
	float: left;
	width: 400px;
	margin-left:12px;
}

#innerFooter .footerLinks {
	float: right;
	text-align: right;
	margin-right:15px;
	width: 425px;
	color:#858cac;
}

#innerFooter a { 
	color:#858dad;
	padding:0px 7px;
	text-decoration:none; }

#innerFooter a:hover {
	color:#a2a8c0; 
	text-decoration:underline; }



/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.noclear {
	clear: none;
}