/*------------------------------------------------------------------
[Tri-Plex Navigation Style Sheet]

Project:	Tri-Plex Packaging Corporation
Version:	1
Last change:	02/04/09 [added Our Clients]
-------------------------------------------------------------------*/

/*-- main navigation --*/
.mainnav {
	margin:0 0 0 260px;
	_margin-top:-30px; /*-- IE6 Hack --*/
	width:680px;
	height:40px;
}

#mainnav span {
	display:none;
}

#mainnav li, #mainnav a {
	height:40px;
	display:block;
}

#mainnav li {
    float:left;
    list-style:none;
    display:inline;
}

#mainnav-aboutus {
	margin:0 0 0 0px;
	width:60px;
	background-image:url(../_images/_navigation/aboutus_off.gif);
	background-repeat:no-repeat;
}

#mainnav-aboutus a.highlight {
	background-image:url(../_images/_navigation/aboutus_on.gif);
	background-repeat:no-repeat;
}

#mainnav-aboutus a:hover {
	background-image:url(../_images/_navigation/aboutus_on.gif);
	background-repeat:no-repeat;
}

#mainnav-ourclients {
	margin:0 0 0 18px;
	width:80px;
	background-image:url(../_images/_navigation/ourclients_off.gif);
	background-repeat:no-repeat;
}

#mainnav-ourclients a.highlight {
	background-image:url(../_images/_navigation/ourclients_on.gif);
	background-repeat:no-repeat;
}

#mainnav-ourclients a:hover {
	background-image:url(../_images/_navigation/ourclients_on.gif);
	background-repeat:no-repeat;
}

#mainnav-casestudies {
	margin:0 0 0 18px;
	width:87px;
	background-image:url(../_images/_navigation/casestudies_off.gif);
	background-repeat:no-repeat;
}

#mainnav-casestudies a.highlight {
	background-image:url(../_images/_navigation/casestudies_on.gif);
	background-repeat:no-repeat;
}

#mainnav-casestudies a:hover {
	background-image:url(../_images/_navigation/casestudies_on.gif);
	background-repeat:no-repeat;
}

#mainnav-products {
	margin:0 0 0 18px;
	width:141px;
	background-image:url(../_images/_navigation/products_off.gif);
	background-repeat:no-repeat;
}

#mainnav-products a.highlight {
	background-image:url(../_images/_navigation/products_on.gif);
	background-repeat:no-repeat;
}

#mainnav-products a:hover {
	background-image:url(../_images/_navigation/products_on.gif);
	background-repeat:no-repeat;
}

#mainnav-gallery {
	margin:0 0 0 18px;
	width:55px;
	background-image:url(../_images/_navigation/gallery_off.gif);
	background-repeat:no-repeat;
}

#mainnav-gallery a.highlight {
	background-image:url(../_images/_navigation/gallery_on.gif);
	background-repeat:no-repeat;
}

#mainnav-gallery a:hover {
	background-image:url(../_images/_navigation/gallery_on.gif);
	background-repeat:no-repeat;
}

#mainnav-news {
	margin:0 0 0 18px;
	width:35px;
	background-image:url(../_images/_navigation/news_off.gif);
	background-repeat:no-repeat;
}

#mainnav-news a:hover {
	background-image:url(../_images/_navigation/news_on.gif);
	background-repeat:no-repeat;
}

#mainnav-news a.highlight {
	background-image:url(../_images/_navigation/news_on.gif);
	background-repeat:no-repeat;
}

#mainnav-contact {
	margin:0 0 0 18px;
	width:73px;
	background-image:url(../_images/_navigation/contactus_off.gif);
	background-repeat:no-repeat;
}

#mainnav-contact a:hover {
	background-image:url(../_images/_navigation/contactus_on.gif);
	background-repeat:no-repeat;
}

#mainnav-contact a.highlight {
	background-image:url(../_images/_navigation/contactus_on.gif);
	background-repeat:no-repeat;
}

/*-- left column navigation --*/
#leftcolumnblockold {
	float:left;
	margin:25px 0 0 15px;
	width:210px;
	padding:0 0 0 0;
}

#leftcolumnblock {
	float:left;
	margin:24px 0 0 20px;
	width:210px;
	padding:0 0 0 0;
}

#leftcolumnblockbtm {
	float:left;
	margin:40px 0 0 0;
	width:210px;
	padding:0 0 5px 0;
}

#leftcolumnblockgallery {
	float:left;
	margin:24px 0 0 25px;
	width:210px;
	padding:0 0 0 0;
}

ul#leftnav {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:210px;
}

ul#leftnav li {
	margin:0 0 10px 0;
	padding:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	list-style:none;
	line-height:20px;
}
	
ul#leftnav li a {
	color:#666666;
	text-decoration:none;
}

ul#leftnav li a:hover {
	color:#BB8748;
	text-decoration:underline;
}

ul#leftnav li p {
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#9C8779;
	font-size:10px;
}

ul#leftnav li a.highlight {
	color:#5A4A42;
	padding:0 0 0 25px;
}

ul#leftnav li.highlight {
	background-image:url(../_images/_global/leftnav_rollover.jpg);
	background-repeat:no-repeat;
	padding:0 0 0 0;
	line-height:25px;
}

ul#leftnav li.header {
	color:#BB8748;
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	border-bottom:1px solid #E6E0DD;
}

ul#leftnav li.headerbtm {
	color:#BB8748;
	font-size:14px;
	font-weight:bold;
	margin:40px 0 10px 0;
	padding:0 0 0 0;
	border-bottom:1px solid #E6E0DD;
}

ul#leftnav li.first {
	padding:0 0 0 0;
}

ul#leftnav li.last {
	padding:0 0 25px 0;
}

ul#leftnav li a.highlightfirst {
	color:#5A4A42;
	padding:0 0 0 25px;
}

ul#leftnav li.highlightfirst {
	background-image:url(../_images/_global/leftnav_rollover.jpg);
	background-repeat:no-repeat;
	padding:0 0 0 0;
	line-height:25px;
	margin:0 0 10px 0;
}

ul#leftnav li.highlightfirstcurrent {
	background-image:url(../_images/_global/leftnav_rollover.jpg);
	background-repeat:no-repeat;
	padding:0 0 0 0;
	line-height:25px;
	margin:0 0 10px 0;
}

ul#leftnav li.highlightlast {
	background-image:url(../_images/_global/leftnav_rollover.jpg);
	background-repeat:no-repeat;
	padding:0 0 0 0;
	line-height:25px;
	margin:0 0 35px 0;
}

ul#leftnav li.indent {
	margin:0 0 10px 25px;
}

/*-- buttons/extra --*/
.learnmore {
	width:83px;
	height:26px;
	background-image:url(../_images/_global/learn_bt.jpg);
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	text-align:center;
	line-height:26px;
	margin:10px 0 0 0;
}

.learnmore a {
	color:#BB8748;
	font-size:12px;
	text-decoration:none;
}

.learnmore a:hover {
	text-decoration:underline;
}

.csnavtype {
	float:left;
	height:27px;
	width:27px;
}

/*-- 1 | 2 | 3 buttons --*/
.csnav {
	position:absolute;
	width:83px;
	height:26px;
	background-image:url(../_images/_global/123_bt.jpg);
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	text-align:center;
	line-height:26px;
	margin:314px 0 0 19px;
	z-index:2;
}

.csnav a {
	color:#BB8748;
	font-size:12px;
	text-decoration:none;
	display:block;
	line-height:25px;
}

.csnav a:hover {
	text-decoration:underline;
}

.csnavtab {
	position:absolute;
	width:90px;
	height:46px;
	background-image:url(../_images/_global/cs_tab.jpg);
	background-repeat:no-repeat;
	margin:295px 0 0 15px;
	z-index:1;
}

/*-- 1 | 2  buttons --*/
.csnav2 {
	position:absolute;
	width:57px;
	height:26px;
	background-image:url(../_images/_global/12_bt.jpg);
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	text-align:center;
	line-height:26px;
	margin:314px 0 0 30px;
	z-index:2;
}

.csnav2 a {
	color:#BB8748;
	font-size:12px;
	text-decoration:none;
	display:block;
	line-height:25px;
}

.csnav2 a:hover {
	text-decoration:underline;
}

.csnavtab2 {
	position:absolute;
	width:90px;
	height:46px;
	background-image:url(../_images/_global/cs_tab.jpg);
	background-repeat:no-repeat;
	margin:295px 0 0 15px;
	z-index:1;
}

/*-- 1 | 2 | 3 | 4  buttons --*/
.csnav4 {
	position:absolute;
	width:110px;
	height:26px;
	background-image:url(../_images/_global/1234_bt.jpg);
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	text-align:center;
	line-height:26px;
	margin:314px 0 0 20px;
	z-index:2;
}

.csnav4 a {
	color:#BB8748;
	font-size:12px;
	text-decoration:none;
	display:block;
	line-height:25px;
}

.csnav4 a:hover {
	text-decoration:underline;
}

.csnavtab4 {
	position:absolute;
	width:121px;
	height:46px;
	background-image:url(../_images/_global/cs_tab_4bt.jpg);
	background-repeat:no-repeat;
	margin:295px 0 0 15px;
	z-index:1;
}

/*-- 1 | 2 | 3 | 4  | 5  buttons --*/
.csnav5 {
	position:absolute;
	width:137px;
	height:26px;
	background-image:url(../_images/_global/12345_bt.jpg);
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	text-align:center;
	line-height:26px;
	margin:314px 0 0 19px;
	z-index:2;
}

.csnav5 a {
	color:#BB8748;
	font-size:12px;
	text-decoration:none;
	display:block;
	line-height:25px;
}

.csnav5 a:hover {
	text-decoration:underline;
}

.csnavtab5 {
	position:absolute;
	width:145px;
	height:46px;
	background-image:url(../_images/_global/cs_tab_5bt.jpg);
	background-repeat:no-repeat;
	margin:295px 0 0 15px;
	z-index:1;
}

/*-- Forms --*/
form#requestinfo {	
	padding:0 0 0 0;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	color:#9C8779;
}
form#requestinfo td {font-size:12px; padding:20px 0 0 0;}
form#requestinfo .top {font-size:12px; padding:0 0 0 0;}
form#requestinfo .header {font-size:12px; font-weight:bold; padding:0 0 10px 0;}
form#requestinfo td td{font-size:12px; padding:0 0 0 0;}
form#requestinfo .left {float:left; padding:0 20px 0 0;}
.textInput {border:1px solid #CCC;}
.selectInput {border:1px solid #CCC;}
input:focus{background:#CCC;}
input#nameFirst {width:242px; padding:0 0 0 5px;}
input#nameLast {width:243px; padding:0 0 0 5px;}
input#nameFirstmailing {width:360px; padding:0 0 0 5px;}
input#nameLastmailing {width:360px; padding:0 0 0 5px;}
input#nameTitle {width:500px; padding:0 0 0 5px;}
input#nameCompany {width:360px; padding:0 0 0 5px;}
input#nameCompany2 {width:500px; padding:0 0 0 5px;}
input#address {width:500px; padding:0 0 0 5px;}
input#city {width:350px; padding:0 0 0 5px;}
input#state {width:40px; padding:0 0 0 5px;}
input#zip {width:80px; padding:0 0 0 5px;}
input#phone {width:125px; padding:0 0 0 5px;}
input#email {width:360px; padding:0 0 0 5px;}
input#email2 {width:500px; padding:0 0 0 5px;}
input#submit {
	width:83px;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	text-align:center;
	line-height:26px;
	margin:10px 0 0 0;
	color:#BB8748;
	font-size:12px;
	text-decoration:none;
}
select#businesstype {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	width:130px;
}
select#packageinterest {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	width:130px;
}
select#hearaboutus {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	width:130px;
}
select#packagesamples {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	width:130px;
}
.validation-failed {
	border: 1px solid #9C8779;
}
.validation-passed {
	border: 1px solid #CCC;
}
.validation-advice {
	color:#FFFFFF;
	height:20px;
	line-height:20px;
	margin:0 0 0 0;
	padding:0 0 0 5px; 
	background-image:url(../_images/_global/bkg_mainbar.jpg);
	background-repeat:repeat-x;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}
.formAdvice {
	color:#9C8779;
	margin:0 0 0 6px;
}
form#poy {	
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:210px;
}
input#poy {
	width:210px;
	height:32px;
}
form#poyall {	
	padding:0 0 0 0;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	color:#9C8779;
}
form#poyall td {font-size:12px; padding:10px 0 0 0;}
input#poyall {
	width:83px;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	text-align:center;
	line-height:26px;
	margin:10px 0 0 0;
	color:#BB8748;
	font-size:12px;
	text-decoration:none;
}
select#poyall{
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	width:500px;
}