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

body {
	color:#000000;
	font-family: "Tahoma",Lucida Grande, Arial, Helvetica, sans-serif;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	background-color:#c0c0c0;
	font-size:.7em;
	text-align:left;
	color:#555555;
	line-height:1.4em;
}
* {
	margin: 0;
}
html, body {
	height: 100%;
}
ul			{ padding-left:0px;}
img							{border:none;} 

h1							{ font-weight:bold; font-size:1.2em;}
h2							{ font-weight:normal; font-size:1.2em; color:#0072af; line-height:1.2em;}
h5              					{ font-weight:normal; font-size:2.3em; line-height:1.1em; }

 
a 							{ color:#0072af}
a:hover 					{ color:#666666}


.hr							{ margin:0 auto; margin-top:5px; height:2px; width:90%; background-color:#CCCCCC; background-position:top; background-image:url(../images/hr.gif); background-repeat:repeat-x;}
fieldset		{border:none;}

.date			{float:right; margin-right:25px;}
/*----LAYOUT---*/

#wrapper, #header,
#footer			{ width:1005px; background-repeat:no-repeat;}
#footer a { text-decoration:none; color:#FFFFFF}
#footer a:hover	{ color:#000066;}

#wrapper					{ margin: 0 auto; background-image:url(../images/container-bg.gif); background-repeat:repeat-y;}
#header						{ position:relative; height:118px; background-image:url(../images/header.gif); text-align:right;}
.header-text				{ position:absolute; height:70px; width:350px; left:368px; top:30px;}
#contents					{ width:980px; padding:0 13px 30px;}
#footer						{ height:152px; background-image:url(../images/footer.gif); background-repeat:no-repeat;  padding:10px 25px 0 25px;}
#nav						{ width:980px; height:31px; background-image:url(../images/nav-bg.gif); float:left;}
.logo						{float:left; margin-left:20px; width:223px; height:113p}

/*--Nav--*/
#nav li						{ border-right: dashed 1px #FFFFFF; width:139px;}
/*#nav ul 					{ font-size:1.1em; list-style:none; margin-left:0px; padding:0 0 0 0; width:700px; height:20px;}


#nav li:hover				{ background-image:url(../images/selected.gif); background-repeat:no-repeat; background-position:left; }
.selected				{ background-image:url(../images/selected.gif); background-repeat:no-repeat; background-position:left; }
*/
/*------Home Page-------*/


.intro						{ background-color:#0072af; padding:8px; color:#FFFFFF;}
.intro p					{ line-height:1.6em;}

.intro a 					{ color:#D1E4EF;}
.intro a:hover 				{ text-decoration:none;}

.feature-hp					{ position:relative; border:#999999 solid 1px; margin:10px 0 0 0; padding:2px; color:#0072af; height:336px; background-image:url(../images/why-tpc2.jpg); background-repeat:no-repeat; background-position:1px 33px;}
.banner						{ dheight:23px; background-image:url(../images/shadow.gif);  background-position:bottom; padding:5px 0 0 0; margin-bottom:10px; }
.banner1					{ height:23px; background-image:url(../images/shadow.gif); background-repeat:repeat-x; background-position:bottom; padding:5px 0 0 0; margin-bottom:0px; }
.feature-hp	.bubble			{ width:253px; height:156px; float:right; margin-right:10px; border:#666666 1px dashed; padding:10px;background-color: white;opacity:.70; filter: alpha(opacity=70); margin-top:40px;}	
.bubble ul 					{ margin-left:34px;}
.bubble li					{ list-style:url(../images/bullet-mid.gif); line-height:1.2em; font-weight:300; color:#0072af; font-size:1.2em; line-height:1.8em;padding-left:4px;}


/*Left-col*/
.sub-nav					{ width:100%; margin-bottom:10px;}
.sub-nav-top				{ background-color:#f2f2f2; height:24px; color:#666666; font-style:italic; padding:3px; text-align:right;}
.sub-nav a				{ width:120px;  text-decoration:none; color:#0072af; padding:5px;}
.sub-nav a:hover			{ color:#000000;background-image:url(../images/shadow.gif); background-repeat:repeat-x; background-position:top; width:120px; text-decoration:underline; }
.sub-nav .green-link		{ color:#009933;}
.current-sub			{ font-weight:bold; text-decoration:underline; }

.sub-nav ul					{ list-style:none;}
.sub-nav li					{ font-size:1.1em;  background-image:url(../images/shadow.gif); background-repeat:repeat-x; background-position:bottom;  height:25px; width:120px; float:left; margin-top:0px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px;  margin-right:0px; padding:8px 0 0 5px;}
.sub-nav li	.alt			{ background-color:#CCCCCC;}
.top			{  border-top:#CCCCCC solid 1px;}
.pdf     					{ margin:5px 0 15px 0; cursor:pointer;}
.quote p						{ font-size:.8em;}
p.author						{ font-style:italic; text-align:right; margin-top:15px;}
.open						{ float:left;}
.close						{ float:right;}



/*Right-Col*/
#eniviro-home						{ width:253px;}
#eniviro-home p						{ font-weight:bold;}
#eniviro-home ul					{margin:8px 0 8px 25px; list-style:url(../images/green-bullet.gif);}
#eniviro-home li					{ list-style:url(../images/green-bullet.gif); margin-bottom:1px;padding-left:4px;}
#eniviro-home h3					{ color:#80bb4d;}

#slideshow-holder					{ width:253px; margin-top:10px;}
.slideshow-bg							{ width:253px; background-image:url(../images/slideshow-bg.gif); background-repeat:repeat-y;}
.top-slideshow						{ width:253px; height:14px; background-image:url(../images/slideshow-top.gif); background-repeat:no-repeat;}
.bot-slideshow						{ width:253px; height:13px; background-image:url(../images/slideshow-bot.gif); background-repeat:no-repeat;}
.slideshow-content					{ background-color:#FFFFFF; height:296px; width:219px; margin:0 15px; color:#0072af; text-align:center; padding:2px;}
.nudge-l			{margin-left:40px;}



/*--General--*/

#left-col				{ width:253px; float:left; margin: 10px 0 0 10px;}
#mid-col					{ width:430px; float:left; margin: 10px 0 0 10px;}
#right-col					{ width:253px; float:right; margin: 10px 10px 0 10px;}


#mid-col-gen					{ width:350px; float:left; margin: 10px 0 0 15px;}
#mid-col-gen h2					{ font-size:1.3em; font-style:italic; }
#mid-col-gen h1					{ font-weight:bold; color:#0072af; font-size:1.3em; }
#mid-col-gen p					{ margin-bottom:10px;}
#mid-col-gen ul				{margin:0 0 10px 20px;}
#mid-col h1#page-title,
#mid-col-misc h1#page-title,
#mid-col-gen h1#page-title			{color:#555555; font-weight:normal; font-size:2.3em; line-height:1.1em; }

#mid-col-misc					{ width:650px; float:left; margin: 10px 0 0 25px;}
#mid-col-misc ul				{margin:0 0 10px 20px;}
#mid-col-misc h2					{ font-style:italic; color:#0072af; font-size:1.3em; }
#mid-col-misc p					{ margin-bottom:10px;}

#right-col-gen					{ width:325px; float:right; margin: 10px 10px 0 10px; padding-top:10px;}
#right-col-gen	h2				{ margin-left:15px; margin-bottom:10px;}
#right-col-gen	ul				{ margin-left:25px; font-size:.9em; font-style:italic;}


/*----Footer---*/
#footer .left						{ float:left; width:300px; color:#FFFFFF; }
#footer p							{ font-size:.9em;}
#footer p.copy						{ font-size:.8em; margin-top:3px;}

#footer .right #footer-links-pad                        { margin-top:60px; }
#footer .right						{ float:right; width:250px; color:#FFFFFF; margin-right:55px; }
#footer .right p						{ margin-top:0px; text-align:right;}
#footer .img-left						{ float:left; margin-top:5px;}


/*--Slideshow--*/
.slideshow			{ height:180px; width:219px; margin-bottom:10px; }
.slideshow-img		{ float:right; margin-right:0px;}
div#slideshow { width:219px; }
div.slideshow-output { margin-bottom:10px; float:left; width:219px;  background-color:#FFFFFF; font-size:1em; line-height:1.0em; font-weight:bold; z-index:102; }
div.slideshow-title {font-weight:normal; font-size:1.2em; }



/*---Product---*/
.prod-img          { background-color:#FFFFFF; border:#666666 1px dashed; padding:11px; margin-bottom:15px;}
.prod-img-r          { background-color:#FFFFFF; border:#666666 1px dashed; padding:11px; margin-bottom:15px; float:right}
.prod-img1          { background-color:#FFFFFF; border:#666666 1px dashed; padding:11px; margin:0 0px 15px 15px; float:left;}
.prod-img-main          { background-color:#FFFFFF; border:#666666 1px dashed; padding:11px; margin:0 5px 5px 15px;}
p.img-caption			{ font-size:.9em; font-style:italic; margin:0 0 10px 15px; padding-right:10px;}
.pros				{ width:333px; background-image:url(../images/por-bg.gif); margin-left:0px; padding:10px; margin-bottom:20px;}
.pros ul			{ margin-left:30px;}
.pros li			{ list-style:url(../images/bullet-mid.gif); line-height:1.5em; font-weight:300; color:#0072af; font-size:1.4em;padding-left:4px;}

p.green-txt  { color:#009933;}
.box {float:left; margin-left:275px!important;}

.coolers-table		{ background-image:url(../images/airblast-img.jpg); background-position:210px 138px; width:320px; background-repeat:no-repeat;}

.centre				{ text-align:center}

.blast-right-txt { width:140px; float:left; margin-left:15px;}


/*TABLE*/

.product-table { border:#666666 1px solid; margin:0 0 20px 15px;}
.product-table th {
	color: #FFFFFF;
	border-top: 3px solid #CCCCCC;
	text-align: center;
	background-color:#666666; 
}



.product-table th .alt {
	color: #FFFFFF;
	font-weight:normal;
	background-color:#999999; 
}

.product-table tr {  width:300px; 	background:#CCCCCC;color:#666666;}

.product-table .table-caption	{font-size:.8em; font-style:italic; color:#999999; text-align:left; margin-bottom:10px;}

.product-table td {
	padding: 5px 0px;
	text-align:center;
	
}
.product-table th .alt2 {
	color: #FFFFFF;
	font-weight:normal;
	background-color:#CCCCCC; 
}

.green-txt {
	color:#009933!important;}


.product-table td.alt {
	background:#CCCCCC;
	border-right:#333333 3px solid;
	color: #002543;
}

.product-table tr.alt  { width:300px; 	background-color:#999999; color:#FFFFFF; }








.product-table-ab { border:#666666 1px solid; margin:0 0 20px 15px;}


.product-table-ab th {
	color: #FFFFFF;
	border-top: 3px solid #CCCCCC;
	text-align: center;
	width:83px;
	background-color:#666666; 
}

.product-table-ab th .alt {
	color: #FFFFFF;
	font-weight:normal;
	background-color:#999999; 
}

.product-table-ab tr {  width:300px; 	background:#CCCCCC;color:#666666;}

.product-table-ab .table-caption	{font-size:.8em; font-style:italic; color:#999999; text-align:left; margin-bottom:10px;}

.product-table-ab td {
	padding: 5px 0px;
	text-align:center;
	
}
.product-table-ab th .alt2 {
	color: #FFFFFF;
	font-weight:normal;
	background-color:#CCCCCC; 
}


.product-table-ab td.alt {
	background:#CCCCCC;
	border-right:#333333 3px solid;
	color: #002543;
}

.product-table-ab tr.alt  { width:300px; 	background-color:#999999; color:#FFFFFF; }




/*Contact Form----*/

p.caption  { font-size:.8em; font-style:italic; color:#666666;}

#contact-area { 


}
.contact-form	{border:3px #CCCCCC solid; padding:18px}
p.thanks {margin-bottom:10px; margin-left:30px;}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 200px;
	font-family: Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 133px; width:200px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #0387DD;
}

#contact-area select  { margin-bottom:10px; width:210px;}

#contact-area input.submit-button {
	width: 100px;
	float: left;
	margin-left:139px;
}



.submit_button{
width: 70px;
	float: left;
	margin-left:139px;
}

.contact_heading{
	margin-left:139px;
}

.thanks{
	margin-left:139px;
}

#contact-area label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 125px;
	padding-top: 1px;
	font-size: 1.1em;
}


.contact-text h3 { color:#0072af; line-height:2.9em;}


.contact-img { background-color:#FFFFFF; border:#666666 1px dashed; padding:11px; margin-top:20px;}



/*--Environement Form*/
.form  { display:none;}
#green-contact-area  { border: 1px #CCCCCC dashed; padding-top:10px; background-color:#EFEFEF;
}

#green-contact-area input{
	padding: 5px;
	width: 150px;
	font-family: Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#green-contact-area textarea {
	height: 100px; width: 160px; margin-bottom:10px; border:#CCCCCC 1px solid;
}

#green-contact-area textarea:focus, #green-contact-area input:focus {
	border: 1px solid #0387DD;
}

#green-contact-area select  { margin-bottom:10px; width:160px; }

#disq a 							{ margin-top:5px; background-color:#999999; text-decoration:none; line-height:1.1em; padding:2px; color:#FFFFFF}
#disq a:hover 					{ background-color:#CCCCCC;  color:#666666;}
#green-contact-area label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 135px;
	padding-top: 1px;
	font-size: 1.em;
}
#green-contact-area input.submit-button {
	width: 100px;
	float: left;
	margin-left:139px;
}

.submit-button-green{
width: 70px!important;
	float: right;
	margin-right:22px!important;
	margin-left:0px!important;
}	

.clear-green	{ float:left; width:80px!important; margin-left:160px!important;}
/*--Clearfix--*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    height: 31px; width: 980px;
    padding: 1px 0px; margin: 0px 0;
    overflow: hidden;
	float:left;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
		padding:0px;
    }
	
	#green { height:30px; float:right; background-image:url(../images/nav-environ.gif); width:280px!important; margin-top:0px; border-right:none!important;}
        /* Represents the background of the highlighted menu-item. */


        .lavaLamp li.back {
		background-color:#5F5F5F; background-image:url(../images/lava.gif);
            width: 9px; height: 30px;
            z-index: 8;
			border-right: dashed 1px #FFFFFF;
			border-left:#016297 3px solid;
            position: absolute;
        }
            .lavaLamp li.back .left {
                border-left:#016297 3px solid;
                height: 30px;
                margin-right: 9px;
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: bold 1em arial;
            color: #fff; outline: none;
            text-align: left;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            
            padding:7px 0 8px 10px;
            margin-right:-10px;
            width:100%;
        }