/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin: 0 20px 4px 0; }
.alignright { float:right; margin:0 0 4px 20px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

body {
background: #e6edea url('images/BG-main-consumer.jpg') repeat-x;
font-family: 'TitilliumText22LRegular', Arial, sans-serif;
}
body.page-template-page-enterprise-template-php,
body.page-template-page-contact-us-enterprise-php {
background: #e6edea url('images/BG-main.jpg') repeat-x;
}
#outerWrap {
overflow:hidden;
background: url('images/BG-header-consumer.jpg') no-repeat 50% -80px;
}
.page-template-page-enterprise-template-php #outerWrap,
.page-template-page-contact-us-enterprise-php #outerWrap {
background: url('images/BG-header-1.jpg') no-repeat 50% -80px;
}


.page-id-155 #outerWrap {
background: url('images/BG-header-about.jpg') no-repeat 50% 0px;
}
.page-id-176 #outerWrap {
background: url('images/BG-header-recyclenow.jpg') no-repeat 50% 0px;
}
.page-id-10 #outerWrap {
background: url('images/BG-header-contact.jpg') no-repeat 50% 0px;
}


#header {
/*height:422px;*/
height:342px;
position: relative;
}
#homeTitle {
}
#header h2 {
display:block;
position:absolute;
top:20px;
left:0;
width:170px;
height:36px;
z-index:2;
}
#header h2 a {
display:block;
width:170px;
height:36px;
background:url('images/TWAlogo-navbar.png') no-repeat;
text-indent: -9999px;
}
#access {
position:absolute;
top:20px;
z-index:1;
width:940px;
height:36px;
overflow:hidden;
background:url('images/BG-nav.png') repeat-x;

	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius:5px; /* make sure its proper */
    border-radius: 5px;
	
  -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, .7); /* Firefox */
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, .7); /* Safari, Chrome */
  box-shadow: 0px 2px 6px rgba(0, 0, 0, .7); /* CSS3 */	
}
#access ul {
display:block;
position:absolute;
right:10px;
}

#access li,
#access li a  {
display:block;
float:left;
height:36px;
}
#access li a {
color:#474747;
font-size:13px;
line-height:39px;
padding:0 10px;
text-decoration:none;
text-transform:uppercase;
text-shadow: 1px 1px 0px #fff;

font-family: 'TitilliumText22LBold', Arial, sans-serif;
}

#access li a:hover {
color:#488e02;
}


#homeTitle {
position:absolute;
top: 110px;
left:-16px;
color: #eee;
}
#homeTitle span {
display:block;
position:relative;
width:550px;
}
#homeTitle span#tagline {
height: 120px;
font-size: 48px;
line-height: 52px;
background: url('images/tagline2.png') no-repeat;
text-indent: -9999px;
  filter: alpha(opacity=100); /* MSIE/PC */
  -moz-opacity: 1; /* Mozilla 1.6 and older */
  opacity: 1;
}
/*.page-template-page-enterprise-template-php #homeTitle span#tagline,
.page-template-page-contact-us-enterprise-php #homeTitle span#tagline {
background: url('images/tagline2.png') no-repeat;
}*/

#homeTitle span#TWAlogo {
font-size: 18px;
line-height: 24px;
height: 80px;
background: url('images/TWAlogo-consumer.png') no-repeat;
text-indent: -9999px;
  filter: alpha(opacity=100); /* MSIE/PC */
  -moz-opacity: 1.0; /* Mozilla 1.6 and older */
  opacity: 1.0;
}
.page-template-page-enterprise-template-php #homeTitle span#TWAlogo,
.page-template-page-contact-us-enterprise-php #homeTitle span#TWAlogo {
background: url('images/TWAlogo.png') no-repeat;
  filter: alpha(opacity=60); /* MSIE/PC */
  -moz-opacity: .6; /* Mozilla 1.6 and older */
  opacity: .6;
}
#main {
padding-top:20px;
}
#sidebar {
padding-top:18px;
}
#main h2,
#sidebar h3 {
font-weight:normal;
font-size: 18px;
font-family: 'TitilliumText22LMedium', Arial, sans-serif;
color:#488e02;
text-shadow: 1px 1px 0px #fff;
margin:24px 0 10px;
}
#main h2 a {
color:#488e02;
text-decoration:none;
}
#main h2 a:hover {
text-decoration:underline;
}

p,
li {
color:#666;
font-size:15px;
line-height:21px;
margin: 0 0 10px;
text-shadow:1px 1px 0 #FFFFFF;
}
#main li {
margin-left:13px;
padding-left:0;
list-style:circle outside;
}



#footer {
padding-top:40px;
color:#666;
font-size:13px;
line-height:21px;
text-shadow:1px 1px 0 #FFFFFF;
text-align:center;
}
#footer p {
font-size:13px;
margin: 2px 0;
}

#footer a,
p a {
color: #222;
text-decoration:none;
font-size:13px;
}
#footer a:hover,
p a:hover {
color: #488e02;
}

#footer ul {
text-align:center;
}
#footer li {
display:inline;
margin:0 10px;
}


.widget-container {
margin:20px 0;
}

#sidebar #text-3 {
display:block;
position:relative;
height:50px;
overflow:hidden;
}
#sidebar #text-3 a {
display:block;
width: 16px;
height:16px;
position: absolute;
top:25px;
}
#sidebar #text-3 a#twitter {
right: 100px;
background:url(images/twitter_16.png) no-repeat;
text-indent:-9999px;
}

#sidebar #text-3 a#facebook {
right: 70px;
background:url(images/facebook_16.png) no-repeat;
text-indent:-9999px;
}
#sidebar #text-3 a#linkedin {
right: 40px;
background:url(images/linkedin_16.png) no-repeat;
text-indent:-9999px;
}


#sidebar h3 {
font-size:17px;
line-height:18px;
margin-left:18px;
margin-right:18px;
}


/*#sidebar li#text-4 {
display:block;
height:200px;
overflow:hidden;
background:url(images/BG-livechat.jpg) no-repeat;
cursor:pointer;
}
#sidebar h3 {
font-size:17px;
line-height:18px;
margin-left:18px;
margin-right:18px;
}
#sidebar li#text-4 h3 {
margin:26px 140px 8px 18px;
}
#sidebar li#text-4 .textwidget {
margin-left: 18px;
}

#sidebar li#text-4 .textwidget p {
font-size: 12px;
line-height:16px;
text-align: center;
margin-left:-18px;
}
#sidebar li#text-4 .textwidget p:first-child {
text-align:left;
margin-bottom: 36px;
margin-left:0px;
font-size: 14px;
}

#sidebar li#text-4 h3 a {
text-decoration:none;
color:#488E02;
}
#sidebar li#text-4 h3 a:hover {
text-decoration: underline;
}*/



/* --- live chat widget --- */


#sidebar li#text-8 {
display:block;
height:200px;
overflow:hidden;
background:url(images/BG-livechat.jpg) no-repeat;
cursor:pointer;
}

#sidebar #text-8 h3 {
display:none;
}

#sidebar li#text-8 .textwidget {
margin-left: 18px;
padding-top:27px;
}

#sidebar li#text-8 .textwidget p {
font-size: 14px;
line-height:16px;
text-align: left;
margin-left:0px;
}
#sidebar li#text-8 .textwidget p#livepersonFooter {
text-align:center;
font-size: 12px;
margin-top: 29px;
}
#sidebar li#text-8 .textwidget p:first-child {
text-align:left;
margin-bottom: 14px;
margin-left:0px;
margin-right: 120px;
font-size: 14px;
}

#sidebar li#text-8 a {
text-decoration:none;
color:#488E02;
font-size:17px;
line-height:18px;
margin-left:0px;
text-align:left;
}
#sidebar li#text-8 a:hover {
text-decoration: underline;
}


/* --- mailchimp widget --- */

#sidebar li#text-9 h3 {
display:none;
}


/* --- mailchimp widget --- */


#mc_signup_form {
margin-left:14px;
position:relative;
overflow:hidden;
height:auto !important;/*all browsers except ie6 will respect the !important flag*/
	min-height:50px;
	height:50px;/*Should have the same value as the min height above*/
background-color:#E6EDEA !important;
border:none !important;
}

#mc_signup_form .fnameHolder,
#mc_signup_form .lnameHolder,
#mc_signup_form .lnameHolder,
#mc_signup_form .emailHolder .mc_var_label,
#mc_signup_form .emailHolder br,
#mc_signup_form #mc-indicates-required {
display:none;
}
#mc_signup_form .emailHolder {
float:left;
width:192px;
}
#mc_signup_form .mc_input {
display:block;
width:192px;
height:23px;
color:#333333;
background:url(images/BG-subscribe.gif) no-repeat;
border:none;
text-indent: 6px;
}
#mc_signup_form .default {
color: #999999;
}
#mc_signup_form .mc_signup_submit {
float:left;
width:65px;
position:relative;
overflow:hidden;
}
input#mc_signup_submit {
display:block;
width:65px;
height:23px;
overflow:hidden;
position:relative;
background:url(images/BG-subscribe.gif) no-repeat -192px top;
cursor:pointer;
border:none;
text-indent:-9999px;

}
input#mc_signup_submit:hover {
background:url(images/BG-subscribe.gif) no-repeat -192px -23px;
}

#mc_message {
background: #488E02;
display:block;
font-size:13px;
line-height:15px;
margin-bottom:10px;
}
#mc_message strong,
span.mc_error_msg {
display:block;
font-weight:normal;
color:#fff;
text-shadow:none;
padding:8px;

}


#sidebar #text-3 h3 {
margin-left: 30px;
margin-top:27px;
}

#sidebar #text-5,
#text-7 {
display:block;
position:relative;
height:134px;
background:url(images/BG-get-started.jpg) no-repeat;
}

#sidebar #text-5 h3,
#text-7 h3 {
margin:0;
padding-top: 20px;
text-align:center;
}
#sidebar #text-5 p,
#text-7 p {
text-align:center;
font-size:12px;
}
#sidebar #text-5 p a,
#text-7 p a {
display:block;
position:absolute;
background:url(images/button-reqMoreInfo.png) no-repeat;
width: 290px;
height:60px;
left:5px;
bottom:6px;
text-indent:-9999px;
}
#text-8 {
overflow:hidden;
}

#button-clientLogin {
display:block;
background:url(images/button-clientLogin.png) no-repeat;
width: 290px;
height:60px;
text-indent:-9999px;
margin-left:5px;
}



#main p strong {
font-family: 'TitilliumText22LBold', Arial, sans-serif;
font-weight:normal;
} 
#main .gform_body li {
margin-left:0;
}
#main .gform_body li label {
font-family: 'TitilliumText22LBold', Arial, sans-serif;
font-weight:normal;
}
#gform_wrapper_1 .top_label input.medium,
#gform_wrapper_1 .top_label input.large {
width: 96%;
}
#gform_wrapper_1 .top_label textarea.textarea {
width:97%;
}
.page-id-10 .container_12 .alpha {
width:318px;
}
.page-id-10 .container_12 .omega {
width:282px;
}
#gform_wrapper_1 input,
#gform_wrapper_1 textarea {
font-size: 14px;
font-family: 'TitilliumText22LMedium', Arial, sans-serif;
color:#666;
background:#fcfcfc;
text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
padding:7px 0 3px 5px;
margin:0;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius:5px; 
    border-radius: 5px;
	
	border: 1px solid #999;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.25);
}
#gform_wrapper_1 input:focus,
#gform_wrapper_1 textarea:focus {
	border: 1px solid #488E02;
	color:#488E02;
	background:#fff;

}
#gform_wrapper_1 label {
margin:6px 0 2px;
}
#gform_wrapper_1 .top_label .gfield_error {
width:94%;
background-color:#CEEDAF !important;
border:1px dotted #488E02;
}
#gform_wrapper_1 .gfield_error .gfield_label,
#gform_wrapper_1  .validation_message {
	color:#333 !important;
}
#gform_wrapper_1 .validation_error {
	color:#333 !important;
font-family: 'TitilliumText22LBold', Arial, sans-serif;
font-weight:normal;
font-size:15px;
line-height:19px;
}
div.breaker {clear:both;border-bottom:dotted 1px #999;margin:20px 0;}

#main a {
	color:#488E02
}

#certifications-link {
	display:block;
	position:absolute;
	width:389px;
	height:100px;
	background:url(images/certifications-2015.png) no-repeat;
	text-indent:-9999px;
	top:130px;
	right:0px;
}
/*
.page-template-page-simple-php #main {
	padding-top:400px;
	position:relative;
}
.page-template-page-simple-php #main > *:first-child {
	position:relative;
	top:-200px;
}*/

.pricing-app #outerWrap {
	background: #E6EDEA !important;
}
.pricing-app #header {
	height:120px !important;
	margin-bottom: 20px;
	position:relative;
	
	-webkit-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;
		
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .2);
        box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .2);
	
	border: solid 1px #a7a7a7;
		
		
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(top,  rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(40%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-8 */


}
#partner-logo {
	position:absolute;
	top:10px;
	left:30px;
}
#pricing-nav {
	position:absolute;
	height: 30px;
	widows:400px;
	text-align:right;
	top:50px;
	right: 40px;
	color:#999;
	text-shadow:1px 1px 0 #fff;
}
#pricing-nav a {
	color:#666;
	text-decoration:none;
}
.page-id-438 .gform_wrapper {
	float:right;
	width: 500px;
	margin: 0 0 0 40px;
}


/* RECYCLE NOW PAGE */


#reqBox,
#bottomHolder {
	position:relative;
	height:300px;
	border-bottom: 1px dotted #999999;
}
#reqBox img {
	position:absolute;
	top:10px;
	left:0;
}
#reqBox a,
#sendBox a,
#sendPallet a,
#sendOne a {
	display:block;
	position:absolute;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#reqBox a {
	width:280px;
	height:80px;
	top: 130px;
	left: 290px;
	background-image: url(images/TWA-recycleBOX-buton.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}
#reqBox a:hover,
#reqBox a:focus {
	background-position: 0 -80px;
}
#bottomHolder {
	height:200px;
}
#sendBox,
#sendPallet,
#sendOne {
	width: 207px;
	height: 200px;
	position:absolute;
	top:0;
	background: url(images/icon-box.png) no-repeat 50% 12px;
}
#sendBox a,
#sendPallet a,
#sendOne a {
	display:block;
	position:absolute;
	width: 180px;
	height:70px;
	left: 13px;
	top: 100px;
	background-image:url(images/TWA-recycleNow-butons.png);
	background-repeat:no-repeat;
}


#sendPallet {
	left: 207px;
	background:url(images/icon-truck.png) no-repeat 50% 10px;
}
#sendOne {
	left:414px;
	background:url(images/icon-one.png) no-repeat 50% 12px;
}


#sendPallet a {
	background-position: -180px 0;
}
#sendOne a {
	background-position: -360px 0;
}

#sendBox a:hover {
	background-position: 0 -70px;
}
#sendPallet a:hover {
	background-position: -180px -70px;
}
#sendOne a:hover {
	background-position: -360px -70px;
}


.reporting-center {
background: #e6edea url(images/BG-tile-skinny.png) repeat-x;
}
.reporting-center #outerWrap {
	background:url(images/BG-header-skinny.jpg) no-repeat 50% top;
}
.reporting-center #header {
	height: 182px;
}
.reporting-center #homeTitle {
	top: 28px;
}
.reporting-center #homeTitle span#tagline {
	background: url(images/tagline-cust-reports.png) no-repeat;
	height: 60px;
}
.reporting-center #certifications-link {
	top: 36px;
}